28173 sujets

CSS et mise en forme, CSS3

Bon, visuellement, tout fonctionne parfaitement: http://www.largowin.com/LCMM/info.html (j'ai bien un problème avec la grosseur des titres h2 avec IE, mais ça, c'est une autre histoire..)

Voici mon code html:
 <p class="img_rss"><img src="images/2_images/bg_rss.gif" width="30" height="45" alt="flux RSS" />
		<ul class="rss">
			<li><a href="javascript:;">RSS Nouveaut&eacute;s</a></li>
			<li><a href="javascript:;">RSS Nouvelles</a></li>
		</ul></p><br />
		<ul>
			<li><a href="http://www.tornade.com/" title="Productions Tornade">H&eacute;berg&eacute; par Les Productions Tornade</a></li>


Mon problème, c'est qu'il ne valide pas...

On me dit que l'élément <ul> ne peut être utilisé dans ce contexte. Je crois comprendre que le problème vient du fait que je ne peux utiliser <ul> dans un paragraphe.

Voici ma css:

.img_rss{
 float:right;
 vertical-align: middle;
 display: inline-block;}


Comment puis-je alors placer une image (le petit gif sautillant) à côté de la liste?

Merci de votre aide.
Modifié par largowin (30 Jul 2006 - 16:56)
Bonjour,

largowin a écrit :
Comment puis-je alors placer une image (le petit gif sautillant) à côté de la liste?


En écrivant le code correct (que les navigateurs rétablissent d'ailleurs d'eux-mêmes pour traiter cette erreur et parvenir à afficher quelque-chose), c'est à dire en fermant le paragraphe avant d'ouvrir la liste:

<p>...</p>
<ul>
  <li>...</li>
  <li>...</li>
</ul>

Modifié par Laurent Denis (30 Jul 2006 - 04:36)
Ouf... erreur bien bête de ma part. Je croyais qu'il me fallait englober le tout (image et liste) pour que ça fonctionne.

Merci bcp de ton aide!