5568 sujets

Sémantique web et HTML

bonjour
je veux juxtaposer à la même hauteur un objet (image ou une galerie) avec un menu fait de liens internes (menu propres a chaque post) comme sur l'image qui suit :
upload/43764-previsual0.jpg .
j'y suis arrivé avec une galerie en creant des div et un float dans le css mais je ne suis pas sur que mon code html soit propre avec une image : quelqu'un peut il me dire si on peut l'ameliorer le code html:
#ngg-galleryoverview,.ngg-galleryoverview { display: inline; float:left; width: 500px; }

.navigationmenucont { float:right; width:200px; list-style: none; margin: 0; padding: 0; line-height: 1.5; margin-top: 0px}

.navigationmenucontetric { float:right; width:135px; list-style: none; margin: 0; padding: 0; line-height: 1.5; margin-top: 0px}

.spacer{ height:0; font-size:0; visiblilty:hidden; clear:both; }

et pour le html
<div class="img"><img class="alignleft size-full wp-image-439" title="predelle-casq" src="http://www...." alt="" width="580" height="92" /></div>
<div class="navigationmenucontetric">
<ul class="navigationmenucontetric" style="text-align: right;">
	<li><span style="color: #333333;">présentation</span></li>
	<li><a title="les casquettes (photo)" href="http://www....>photo</a></li>
	<li><a title="les casquettes (vidéo)" href="http://www....">vidéo</a></li>
</ul>
<ul class="langues" style="text-align: right;">
	<li><a title="caps" href="http://www...."><span style="color: #ccffff;"><span style="color: #ccffff;">english</span></span> </a> <span style="color: #ccffff;"><a title="die Mützen" href="http://www...."><span style="color: #ccffff;">deutsch</span></a></span></li>
</ul>
</div>
<div class="spacer"></div>
&nbsp;
<p style="text-align: justify;">texte....


merci