[jacob-1]

Hallo,
ich befasse mich erst seit ein paar Wochen mit CSS und erstelle so gerade auch meine erste Seite (ohne Spacer und Tabellen).
Folgendes hätte ich nun gerne gelöst:
In einer Box, Breite 200 px sollen untereinander Textlinks gesetzt werden.
Die Textverlinkungen sind aufgrund der unterschiedlichen Buchstabenzahlen natürlich verschieden lang.
Nun möchte ich bei a:hover, das die Hintergrundfarbe der Links sich ändert, und zwar in der kompletten Länge der Box (also 200 px). Alle a:hover sollen also gleich lang sein! Die Buchstabenfarbe bleibt.

Wie funktionierts?
Muss ich die Links als Liste setzen, oder gehts auch so?

mich über Antworten.

J.

[leinich]

beides geht mit:

[Smooth-Graphics]

Dafür musst du dem Link eine Breite zuweisen (meinetwegen 200px, auch wenn px eigentlich nicht unbedingt für Layouts verwendet werden sollten, je nach Verwendungszweck), dann dem Link die Eigenschaft display:block zuweisen:

[nicoG]

[m]

http://www.mediengestalter.info/forum/4/faq-nonprint-themen-110866-1.html (Menüs)

http://www.css4you.de/display.html

[jacob-1]

Vielen Dank.
Hat super geklappt.

Über das Tutorial habe ich es ganz einfach nachvollziehen können:
http://css.maxdesign.com.au/listutorial/


J.

[jacob-1]

Leider habe ich doch noch eine Frage.

Ich benötige auf meiner Seite nähmlich auch eine horizontale Navigation.
Wie es funktioniert habe ich hier gefunden.
http://css.maxdesign.com.au/listutorial/horizontal_master.htm

Doch mit folgendem Unterschied:
Es sollen 4 Links nebeneinander gesetzt werden. OK.
Doch soll die Hintergrundfarbe der Links und der a:hover unterschiedlich sein.
Also z.B.:
Erster Link dunkelrot hinterlegt, bei a:hover rot
Zweiter Link blau hinterlegt, bei a:hover dunkelblau.

Würde mich nochmals sehr über Hilfe freuen.

J.

[nicoG]