frage zu linkfarbe in best. bereich

[cisco]

Hallo,
ich habe per CSS einen Hauptmenü-Bereich definiert.

#main_navi {
 color:#ff0000;
}

Jetzt würde ich gerne, dass alle links in diesem Menü schwarz sind. Aber eben nur dort und nicht überall. Wie krieg ich die entspr. Verknüpfung hin?

Was ich schon versucht hab:

#main_navi:a:link{ color:#000000;}
#main_navi.a:link{ color:#000000;}
#main_navi:link{ color:#000000;}
...

Wie gehts richtig? :)

danke schonmal und gruß
cisco

[Orlando]

#main_navi:a:link{ color:#000000;}
#main_navi.a:link{ color:#000000;}
#main_navi:link{ color:#000000;}

Wie gehts richtig? :)

http://de.selfhtml.org/navigation/faq.htm#abweichende_verweisfarben

Roland

[cisco]

#main_navi:a:link{ color:#000000;}
#main_navi.a:link{ color:#000000;}
#main_navi:link{ color:#000000;}

Wie gehts richtig? :)

http://de.selfhtml.org/navigation/faq.htm#abweichende_verweisfarben

Roland

danke!!

[cisco]

Jetzt habe ich noch eine Frage.

Und zwar ist mein Hauptmenü ca 200px breit. Die einzelnen Menüpunkte immer nur ca 100. Bei a:hover hätte ich gern, dass sich die Hintergrundfarbe ändert, natürlich nur bei dem entspr. Punkt aber, und das bekomme ich nicht hin, in der vollen Breite des Menüs (also 200px breit). Bislang ändert sich die Hintergrundfarbe lediglich an der Stelle, wo auch tatsächlich Text steht.

tipps? danke! :)

[Orlando]

Und zwar ist mein Hauptmenü ca 200px breit. Die einzelnen Menüpunkte immer nur ca 100. Bei a:hover hätte ich gern, dass sich die Hintergrundfarbe ändert, natürlich nur bei dem entspr. Punkt aber, und das bekomme ich nicht hin, in der vollen Breite des Menüs (also 200px breit).

:hover gilt nur für den jeweiligen Link selbst. Es ist daher erforderlich, das a-Element 200px breit zu gestalten: a:link { width:200px; }

Allerdings wirkt http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width@title=width auf inline-Elemente wie a nur, wenn du sie in Block-Elemente umwandelst, was per http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:block möglich ist.

Roland

[cisco]

Und zwar ist mein Hauptmenü ca 200px breit. Die einzelnen Menüpunkte immer nur ca 100. Bei a:hover hätte ich gern, dass sich die Hintergrundfarbe ändert, natürlich nur bei dem entspr. Punkt aber, und das bekomme ich nicht hin, in der vollen Breite des Menüs (also 200px breit).

:hover gilt nur für den jeweiligen Link selbst. Es ist daher erforderlich, das a-Element 200px breit zu gestalten: a:link { width:200px; }

Allerdings wirkt http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width@title=width auf inline-Elemente wie a nur, wenn du sie in Block-Elemente umwandelst, was per http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display:block möglich ist.

Roland

Hey, vielen DAnk für die Ausführliche Erklärung. Ich werde es sofort mal testen.

schönen Abend noch
ciao, cisco

[cisco]

Hallo nochmals,
also es funktioniert schon ganz gut, ABER:

wenn ich mit der Maus über einen Menüpunkt fahre, ist der Farbstreifen nun exakt so breit + hoch wie ich will. Aber irgendwie verschiebt es dann alle Punkte unterhalb des angewähten Textes um ca 20px nach unten. Fahre ich mit der Maus wieder weg, springen sie wieder hoch.

Ich habe versucht, das Ganze mittels "height" im a-Element in de Griff zu kriegen, aber das ist unabh. davon. Versteh ich nicht!??

Wäre um weitere Unterstützung sehr dankbar :)
ciao, cisco

[Orlando]

wenn ich mit der Maus über einen Menüpunkt fahre, ist der Farbstreifen nun exakt so breit + hoch wie ich will. Aber irgendwie verschiebt es dann alle Punkte unterhalb des angewähten Textes um ca 20px nach unten. Fahre ich mit der Maus wieder weg, springen sie wieder hoch.

Weil du display:block und width nur für a:hover anstatt für a:link bzw. beide Zustände definiert hast. Damit gilt die Größe bisher nur beim Überfahren mit der Maus. Ein Beispiel, wie man Links als „Buttons“ gestaltet findest du im Artikel Mouseover-Buttons.

Roland