a.active class setzen
Eingetragen von emicser (15)am 04.03.2011 - 19:35 Uhr in
Hallo,
möchte aktiven Menüpunk hervorheben, mit der a:hover pseudoclass hat es geklappt aber nicht mit dem a.active.
Was habe ich falsch gemacht?
Danke
emicser
#navlist.links a, #navlinks ul li a {
/*border: 1px solid #c4c4c4;
border-bottom: none;
padding: 5px 24px;*/
border-top: solid;
padding: 6px 39px 5px;
color: #ffffff !important;
background-color: #444444;
font-weight: bold !important;
text-transform: none;
font-family: Arial, Verdana, Helvetica;
font-size: 20px;
line-height: 33px;
}
#navlist li a.active, #navlinks ul li a.active {
color: #0033FF !important;
background-color: #F4F4F4 !important;
text-decoration: none;
}
#navlist li a:hover, #navlinks ul li a:hover {
color: #0033FF !important;
background-color: #F4F4F4 !important;
text-decoration: none;
}
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi, öhm vergleich doch mal
am 04.03.2011 - 21:03 Uhr
Hi,
öhm vergleich doch mal hover mit active. Fällt dir da nix auf?
a:active
Würde spontan mal einen Doppelpunkt da zwischen setzen...
Pseudo-Klasse mit :, echte Klasse mit .
am 04.03.2011 - 21:33 Uhr
So wie ich es verstanden habe (google) muss man für die Hervorhebung (wenn aktiviert dann andere Farbe) von aktiven Menülinks die echte Klasse verwenden und die werden mit . geschrieben.
Nur habe ich nicht gefunden wo die Echte Klasse den hin muss und wie es zu schreiben ist, genauso wie pseudo in die Style-CSS oder wo anders hin.
http://little-boxes.de/lb1/5.
am 05.03.2011 - 01:16 Uhr
http://little-boxes.de/lb1/5.7-hyperlinks-gestalten.html
Ist mit das Beste Buch für Einsteiger. Das sind immer wieder brauchbare Grundlagen.
Ich versteh nicht so ganz, was genau du jetzt machen willst! Generell musst du immer bedenken, dass du beim Design gegen drupal ankämpfst. Du musst viele Standard Eigenschaften überschreiben. Am einfachst ist es, wenn du dir
https://addons.mozilla.org/de/firefox/addon/firebug/
für den Firefox holst. Damit kannst du alle Elemente untersuchen. Und Du siehst auch, wie die CSS Dateien abgearbeitet werden. Alles was dort durchgestichen wird, kommt nicht zum Tragen.
Little Boxes beschreibt auch, wie die Berechnung zu Stande kommt. Wann also eine CSS Datei, eine andere überschreibt.
http://little-boxes.de/lb1/6.5-spezifitaet-punktesystem-fuer-selektoren....
Wenn du wirklich mehr übers Theming erfahren willst, schau dir auf alle Fälle mal das Buch Little Boxes I an! Alle Dinge dort sind Grundvoraussetzung für erfolgreiches Theming.
mfg Crusher
Die Klasse kommt auch in die
am 07.03.2011 - 15:54 Uhr
Die Klasse kommt auch in die Style-CSS. Ich würde mir das von Crusher erwähnte Add-On Firebug installieren, um die einzelnen Elemente zu analysieren.