OH sucrée, pure css image des cartes dans une liste imbriquée, il apporte une larme à mes yeux
Une dernière chose à suggérer, modifier :
<ul id="navbar">
<li id="section1b"><a href="#1"></a></li>
<li id="section2b"><a href="#2"></a></li>
<li id="section3b"><a href="#3"></a></li>
<li id="section4b"><a href="#4"></a></li>
<li id="section5b"><a href="#5"></a></li>
<li id="section6b"><a href="#6"></a></li>
<li id="section7b"><a href="#7"></a></li>
<li id="section8b"><a href="#8"></a></li>
</ul>
- <ul id="navbar">
- <li id="section1b"><a href="#1"></a></li>
- <li id="section2b"><a href="#2"></a></li>
- <li id="section3b"><a href="#3"></a></li>
- <li id="section4b"><a href="#4"></a></li>
- <li id="section5b"><a href="#5"></a></li>
- <li id="section6b"><a href="#6"></a></li>
- <li id="section7b"><a href="#7"></a></li>
- <li id="section8b"><a href="#8"></a></li>
- </ul>
À
<ul id="navbar">
<li id="section1b"><a href="#1">Bizarro Productions</a></li>
<li id="section2b"><a href="#2">Forum</a></li>
<li id="section3b"><a href="#3">Flash</a></li>
<li id="section4b"><a href="#4">Song Of the Day</a></li>
<li id="section5b"><a href="#5">Image Gallery</a></li>
<li id="section6b"><a href="#6">Tutorials</a></li>
<li id="section7b"><a href="#7">About</a></li>
<li id="section8b"><a href="#8">Links</a></li>
</ul>
- <ul id="navbar">
- <li id="section1b"><a href="#1">Bizarro Productions</a></li>
- <li id="section2b"><a href="#2">Forum</a></li>
- <li id="section3b"><a href="#3">Flash</a></li>
- <li id="section4b"><a href="#4">Song Of the Day</a></li>
- <li id="section5b"><a href="#5">Image Gallery</a></li>
- <li id="section6b"><a href="#6">Tutorials</a></li>
- <li id="section7b"><a href="#7">About</a></li>
- <li id="section8b"><a href="#8">Links</a></li>
- </ul>
Utilisez ensuite le remplacement d'image que j'en ai parlé sur ce fil
http://www.ozzu.com/website-design-forum/using-images-links-t28065.html
Il donne un texte d'ancrage qui est vraiment important pour le référencement et accessibilité. Une fois youve fait essayer estimant sur le lynx (un navigateur texte)
Oh, remarque importante, mettre une bordure noire 1px sur le div conteneur principal, vous obtenez le bogue de mozilla agaçant, où la gauche edge disparaà au large de la partie gauche de l'écran. Plus la Ive PMd vous une question
/ / edit : Ok, ferraille qu'idée sur la frontière 1px, Ive été étant tellement stupide que ses tel un hack sale. Ajouter un min-width pour le corps du document. Qui vaincra l'erreur de mozilla sans affecter IE. Est une bien meilleure solution au problème, ne sais pas pourquoi je ne que pas pensé avant.
CSS website design tutorials