Menü bei Mozilla eingerückt

[Jonathan]

Hallo,

was müste ich aber machen um nicht in jeder zeile border=0 und align=top zu sagen? (also so klappt es ja auch..)

Versuche mal im css:

a img{border:none;vertival-align:top;}

Den Rahmen solltest du in jedem Fall wegkriegen, beim align bin ich mir da nicht sicher ob mein Ansatz richtig ist.

<img /> muss einen Alternativtext bekommen.
Zudem solltest du aus der Navigation eine Liste machen.
magst du mir die beiden Hilfen nochmal näher erläutern. Bring mir das ganze gerade selber bei und bin daher noch nicht alzu fit..

1. <img> brauch einen Alternativtext damit z.B. auch Suchmaschinenroboter und Browser, die keine Grafiken laden, wissen, was sich hinter dem Bild verbirgt.

mache also z.B. folgendes: <img src="../neu/menu/news.gif" alt="News"> (beachte das alt-Attribut)

2. Es ist sinnvoller die Links nicht durch <br> zu trennen sondern in eine Liste (<ul>) zu packen. Vereinfacht:

<ul class="navigation">
<li><a href="[...]"><img [...]></a></li>
<li><a href="[...]"><img [...]></a></li>
<li><a href="[...]"><img [...]></a></li>
<li><a href="[...]"><img [...]></a></li>
</ul>

Wenn dich dann die Listenbullets oder die Einrückungen stören, die kann man auch über CSS wieder entfernen:

ul.navigation, ul.navigation li {margin:0;padding:0;list-style-type:none;}

(aus dem Kopf raus, wenn das so nicht klappt hast du aber zumindest die Stichwörter nachdenen du suchen solltest)

Jonathan