Ich habe ein kleines Problem: Ich habe auf meiner Homepage ein Menü mit einer Liste realisiert. Nun möchte ich, dass die Links in dieser anders aussehen als die Links in den Texten. Die Liste hat eine eigene ID und wird auch im CSS darüber definiert. Die Links in der Liste richten sich aber immer nach der Definition im <a>-Tag, auch wenn ich es in den Listentags anders angebe. Primär geht es um die Farbe. Die Angaben dazu in den entsprechenden Listentags haben keinen Effekt (im Moment sind keine drin ich habe aber schon zur genüge damit herumprobiert). Kann mir jemand sagen, wo da der Wurm drin ist? Spikydesign.net › Log In Danke!
<a>-tag stärker als <li>-tag?
- Ersteller Johnny82
- Erstellt am
Werbung:
![]()
Oh, sorry!
Spikydesign.net
Es gibt auf der Seite nur ein Menü, nämlich das oben. Die Links unterhalb der Blogeinträge werden über den <a>-Tag definiert, die in der Liste über deren ID.
Spikydesign.net
Es gibt auf der Seite nur ein Menü, nämlich das oben. Die Links unterhalb der Blogeinträge werden über den <a>-Tag definiert, die in der Liste über deren ID.
Werbung:
![]()
Also laut dem was mir Firebug anzeigt wirken deine Angaben für "ul#navigation a". Dort hast Du jedoch keine Farbe angegeben, folglich wirkt dann die weiße Farbangabe aus der zentralen Angabe für alle Links. Du müsstest also nur bei "ul#navigation a" die Farbe ergänzen.
Tipp: so ganz sauber ist dein HTML-Code auch noch nicht: [Invalid] Markup Validation of http://www.spikydesign.net/ - W3C Markup Validator
Tipp: so ganz sauber ist dein HTML-Code auch noch nicht: [Invalid] Markup Validation of http://www.spikydesign.net/ - W3C Markup Validator
Das könnte an 2 Sachen liegen von denen der erste bei dir höchstwahrscheinlich zutrifft:
a) Du definierst die zentralen Link-Eigenschaften weit nach den Menü-Link-Eigenschaften. Die Reihenfolge der Eigenschaften innerhalb vom CSS spielt eine wichtige Rolle. Die Browser gehen diese von oben nach unten durch. Wenn Du nun für das Menü eine Farbe festlegst, könnte dieser Wert durch eine spätere Definition wieder überschrieben werden und Du siehst nicht das gewünschte Ergebnis.
b) Links sollte man in all ihren Pseudoklassen definieren. Also:
(auch in genau dieser Reihenfolge). Würdest Du die zentrale Angabe für Links so schreiben, könntest Du diese nicht mit "ul#navigation a" überschreiben. Erst "ul#navigation a:link, ul#navigation a:visited, ul#navigation a:hover, ul#navigation a:active, ul#navigation a:focus" wäre dann wirksam.
Tipp: verwende im Firefox die Firebug-Erweiterung, dann siehst Du sowas sofort und kannst auch direkt im Browserfenster austesten was Du wie anders schreiben müsstest um es richtig zu sehen. Für andere Browser gibt es ähnliche Tools (IE -> Entwicklertools, Opera -> Dragonfly, Chrome -> Firebug etc.).
a) Du definierst die zentralen Link-Eigenschaften weit nach den Menü-Link-Eigenschaften. Die Reihenfolge der Eigenschaften innerhalb vom CSS spielt eine wichtige Rolle. Die Browser gehen diese von oben nach unten durch. Wenn Du nun für das Menü eine Farbe festlegst, könnte dieser Wert durch eine spätere Definition wieder überschrieben werden und Du siehst nicht das gewünschte Ergebnis.
b) Links sollte man in all ihren Pseudoklassen definieren. Also:
Code:
a:link, a:visited, a:hover, a:active, a:focus {
/* Hier die Definitionen rein */
}(auch in genau dieser Reihenfolge). Würdest Du die zentrale Angabe für Links so schreiben, könntest Du diese nicht mit "ul#navigation a" überschreiben. Erst "ul#navigation a:link, ul#navigation a:visited, ul#navigation a:hover, ul#navigation a:active, ul#navigation a:focus" wäre dann wirksam.
Tipp: verwende im Firefox die Firebug-Erweiterung, dann siehst Du sowas sofort und kannst auch direkt im Browserfenster austesten was Du wie anders schreiben müsstest um es richtig zu sehen. Für andere Browser gibt es ähnliche Tools (IE -> Entwicklertools, Opera -> Dragonfly, Chrome -> Firebug etc.).
Werbung:
![]()