Problème d'image et texte

Graincheux · 25/01/2012, 17h42

- Version de WordPress : 3.3.1
- Version de PHP/MySQL : 5.9.10
- Nom de l'hebergeur : One.com
- Adresse du site : http://tita-paintings.be/cms/

Problème(s) rencontré(s) :

Bonsoir,

Petit problème, je n'arrive pas sur http://tita-paintings.be/cms/ ensuite cliquer sur "biographie" à mettre l'image et le texte ensemble (image sur la gauche et texte à droite) pourtant mon code est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<p style="text-align: left;">
<img class="wp-image-20 alignleft" 
src="http://tita-paintings.be/cms/wp-content/uploads/2012/01/image1-150x150.jpg"
 alt="" width="80" height="80" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean commodo ligula eget dolor. Aenean massa. 
Cum sociis natoque penatibus et magnis dis parturient 
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,[...]</p>

Je ne comprends pas pourquoi ... Surement de mon thème (que je code encore actuellement) sauf que je ne vois pas d’où cela peux venir.

J'espère avoir de l'aide !
Un grand merci.
Corentin
Thirion

NoSmoking · 25/01/2012, 19h20

Bonjour,
il ne semble pas voir de problème, ou alors je ne comprend pas réellement ton besoin.

Tu peux réaliser cela comme suit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
#div_main{
  width:500px;
  background-color:#000;
  border:1px solid #e00;
}
.texte {
  padding: 5px;
  color:#fff;
}
.image {
  float: left;
  width: 150px;
  height: 150px;
  margin: 2px;
}
</style>
</head>
<body>
<div id="div_main">
<p class="image"><img src="http://tita-paintings.be/cms/wp-content/uploads/2012/01/image1-150x150.jpg"></p>
<p class="texte">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.</p>
</div>
</body>
</html>

mais tu n'obtiendra pas le résultat en mettant tout dans la même balise.

miss_socrates · 28/01/2012, 22h27

Je ne vois pas où est le souci, l'image est bien positionnée à gauche et le texte à droite

28/01/2012, 22h27	#3
miss_socrates Membre habitué Inscription : mai 2011 Messages : 112 Détails du profil Informations personnelles : Sexe : Localisation : Belgique Informations professionnelles : Secteur : Enseignement Informations forums : Inscription : mai 2011 Messages : 112 Points : 134 Points : 134	Image et texte Je ne vois pas où est le souci, l'image est bien positionnée à gauche et le texte à droite
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email