[Résolu] Placement de deux éléments dans un élément de liste

Bonjour,

J'ai pas du tout suivre en cours (au fond près du radiateur, c'est moi !)...

J'ai dans un élément d'une liste, une image dimensionnée et un paragraphe dimensionné également. Les deux s'obstinent à rester l'un sous l'autre alors que je les voudrais côte à côté...

Voici mon code :

<div id="xx">
<ul>
  
 <li> <h2> Titre</h2> </li> 
  <li><img src="image" ><p>texte</p></li>
  <div class="wash"></div>

    </ul>
</div>

et ma css :

#xx li img{
	width: 150px;
}

#xx li p{
	width: 700px;
}

Pouvez vous m'aider ?
Merci
Modifié par pan (07 Jun 2010 - 08:39)

Bonjour,

la liste n'est absolument pas appropriée ici.

Pour placer l'image à côté du paragraphe il faut utiliser le positionnement flottant.

Pourquoi est-ce que tu penses que la liste n'est pas appropriée ? J'aurais sans doute dû préciser que dans cette liste il y aurait plusieurs <h2> et plusieurs éléments <li>

Merci

Un liste doit contenir des éléments similaires et indépendants, le h2, l'image et le texte sont trois éléments distincts, qui forment, éventuellement, un élément de liste.

Une liste ainsi :

<ul>
<li>h2></h2>
<img> <p></p></li>
<li>h2></h2>
<img> <p></p></li>
</ul>

Serait correcte, mais n'apporterai rien de plus que la structure classique sans liste.

Parfait c'est clair et précis, j'ai compris !

Merci

Le problème est-il donc [résolu] ?