Horizontale Navigation, gleichmäßig verteilen & Rahmen...

[Sarkkan]

Hallo Leute,

ich habe ein Problem... ok, 2^^

1.Problem Horizontale Navigation
Ich habe eine Horizontale Navigation erstellt.
Nun würde ich ganz gerne dafür sorgen, dass alle Menüpunkte gleich groß sind.
Außerdem, würde ich ganz gerne, dass wenn man mit der Maus über den Menüpunkt geht, dass nicht nur der Text die Farbe verändert, sondern die gesamte Fläche.

2.Problem Rahmen
Ich würde ganz gerne um ein Objekt, dem ich eine größe von 85% gegeben habe, einen Rahmen machen.Dieses Objekt ist direkt neben einem anderen objekt(15%).
Aber warum auch immer funktioniert das nicht.

Fällt euch zu einem/beiden der Punkte was ein?

Bedanke mich schonmal recht herzlich =)

Lg Sarkkan

[sejuma]

zu 1:
Das kommt darauf an, wie deine Navi gecodet ist.
Wenn die Leiste eine bestimmte Breite hat, dann eben unter berücksichtigung von border, padding und margin durch die anzahl der Links teilen und diesen width-Wert dem Elemen a oder li zuweisen.
Wenn sich die Hintergrundfarbe ebenso verändern soll, dann weise a:hover eine entsprechende Hintergrundfarbe zu.

Beilspiel:

Code: Alles auswählen

a:link {
display: block;
color: black;
background: white;
}

a:hover {
display: block;
color: green;
background: blue;
}

Zu 2:
Nach dem CSS-Boxmodell musst du berücksichtigen, dass sich die Gesamtbreite zuzüglich von border-, padding- und margin-Werten ermittelt.
Wenn also zwei Boxen bereits 100% breit sind, dann kommen da noch die Rahmenwerte hinzu.
Du solltest also statt 85% oder 15% entsprechend kleinere Breiten verwenden, damit für den Rahmen auch noch Platz ist.
Oder eben feste Pixelbreiten verwenden.