Trennung von Layout und Inhalt: <li> für Grafiken?

[Felix Riesterer]

Liebe Natasja,

dann wirst Du eine <ul> nehmen, denn es ist eine _Liste_ von (Achtung!) _Links_ (und nicht etwa von Bildern).

Da Du (wol aus design-technischen Gründen) die Links mit Bildern darstellen möchtest, musst Du _unbedingt_ in den <img/>-Elementen das alt-Attribut mit einer Text-Version des Links versehen, damit im Falle eines Nicht-anzeigen-könnens der Bilder, die Links immer noch benutzbar sind!

Beispiel:

  
<ul>  
   <li><a href="pfad/kontakt.html"><img src="pfad/kontakt-link-bild.png" alt="* Kontakt" /></a></li>  
   <li><a href="pfad/impressum.html"><img src="pfad/impressums-link-bild.png" alt="* Impressum" /></a></li>  
</ul>

Hilfe für das Gestalten einer <ul> als Navi findest Du im SelfKapitel zu CSS-basierten Navigationsleisten.

Liebe Grüße aus Ellwangen,

Felix Riesterer.