Positionnement quand tu nous tiens

Salut à tous et bon vendredi soir (plein de codes!)

Je suis entrain de faire un site web et en codant mon css je suis tombé par hasard sur une mise en page qui me convenait pour un ul. Seulement c'est du pur hasard et je pense pas que ce soit sémantique pour un sous.
J'aimerais votre avis si vous avez 30 secondes pour regarder mon code.
Une petite question par rapport à ceci c'est le fait que lorsque mon css est intégré mes img ne font plus partie du ul lorsque je le survole avec mon inspecteur, comme si ces img étaient devenues indépendantes.
Une idée sur le phénomène en question?

Voici mon html:

<section class="container" >
	 <ul id="modulist">
		<li><a href="#"><h2><strong>Galerie</strong><hr/></h2></a>
			<img src="images/galerie.jpg" alt="image galerie">
				</li>
        <li><a href="#"><h2><strong>Exposition</strong><hr/></h2></a>
			<img src="images/expo.jpg" alt="image expo">
				</li>
        <li><a href="#"><h2><strong>Photographes</strong><hr/></h2>
			<img src="images/photographe.jpg" alt="image Photographes"></a>
                </li>
         </ul>
</section>  

et le CSS

#modulist{
    width:100%;
    top: 10%;}

#modulist img{
    float: right;
    padding-left:3%;}

.container{
	margin:0 auto;
	height:100%;
    width: 960px;
	position: relative;}

Merci d'avance!

Bonjour,

Pour les images, vous pouvez tirez un bien meilleur partit du html5 en liant les images dans une balise descriptive <figcaption>, le tout inclus dans une balise <figure>. Je vous laisse consulter les spécifications mises en lien.

Un exemple :

<figure>
<img/>
<figcaption>La légende</figcaption>
</figure>

Sinon : une balise <section> doit toujours avoir une balise <hX> qui lui soit dédiée. La encore, je vous laisse consulter les spécifications.

a écrit :
Une petite question par rapport à ceci c'est le fait que lorsque mon css est intégré mes img ne font plus partie du ul lorsque je le survole avec mon inspecteur, comme si ces img étaient devenues indépendantes.

Là, je ne vois pas ce dont il est question...
Modifié par Olivier C (07 Mar 2015 - 16:53)