Links mit display:block und trotzdem nebeneinander?
Dave
- css
Hallo Forum,
kann ich mit CSS die Links in meinem Menü so formatieren, dass sich beim hovern das Hintergrundbild ändert, ich die Links aber trotzdem nebenainander anzeigen kann? Das Problem ist nämlich folgendes: in jedem Link des Menüs soll ein ca. 3x3cm großes Bild gesetzt werden, dass sich beim Überfahren des Links verändert, hierfür habe ich die Bilder als Hintergrundbilder eingefügt. Damit ich die Links immer gleich groß hinkriege, musste ich die Links mit display:block formatieren. Dadurch entsteht aber logischerweise ein Zeilenumbruch nach jedem Link.
Wie kann ich diesen also herausnehmen? Oder sollte ich hierbei doch besser auf Javascript zurückgreifen?
Vielleicht wichtig: Das Menü ist eine <ul>, jeder Links in einem Listenpunkt. Es hat auch nichts gebracht, jedem li ein display:inline zuzuweisen.
Vielen Dank auch,
der Dave
Hallo Dave,
Setze deine Links in eine Tabelle, das ist der einfachste Weg.
Gruß
Kurt
Hallo Dave,
Das, was du suchst, ist 'float'.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float
In dem Zusammenhang ist folgender Artikel wohl auch interessant für dich:
http://www.alistapart.com/stories/taminglists/
Gruß, Jan