Dette eksempel er en variation, hvor jeg har fjernet den utilsigtede margin, der er i eksempel 7, og som i det eksempel ses som et område, der ikke skifter farve ved mouseover.
Denne margin skyldes, at browseren opfatter et linieskift mellem listepunkterne i kildekoden som et tegn, og derfor indsætter et mellemrum.
Måden at fjerne det på er at indsætte linieskiftet et andet sted i kildekoden:
<ul id="mainmenu" class="menu7"> <li><a href="/index.php">Home</a></li><li><a href="/gen/index.php">Generelt</a></li><li><a href="/design/">Design</a></li><li><a href="/css/index.php">CSS (Stylesheets)</a></li><li><a href="/javascript/">JavaScript</a></li><li><a href="/navigation/">Navigation</a></li><li><a href="/dhtml/">Dynamisk HTML</a></li> </ul>
For en ordens skyld vil jeg lige understege, at det er lovligt ifølge W3C-standarden at indsæte et linieskift inde i en markør, mellem markøren og dens attributter, og/eller imellem flere attributter. Denne side validerer ok som xhtml transitional i W3C's validator.
Webdesign - illustreret håndbog
Webdesign med XHTML
– 2 gode bøger om webdesign
Køb dem hos forlaget Globe A/S