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.