(gelöst) kein a:active - aber keine Idee warum
Eingetragen von firstlevel (519)am 15.12.2010 - 12:08 Uhr in
Servus in die Runde,
verzweifel gerade.
Auf folgender Referenz (http://www.machos-bistro.de/biere.html) kriege ich auf der rechten Seite kein a:active hin. Ziel ist es, dass der Link der gerade aktive ist = angezeigt wird, dick angezeigt wird im Block. (bzw. bleibt)
Auszug aus der css
#block-block-6 a, #block-block-7 a, #block-block-8 a {color:#fff; text-decoration:none; font-size: 12px; padding-left: 50px;}
#block-block-6 a:active, #block-block-7 a:active, #block-block-8 a:active {color:#ff0000; font-weight:bold;}
#block-block-6 a:hover, #block-block-7 a:hover, #block-block-8 a:hover {color:#fff; text-decoration:underline;font-weight:bold;}Wo ist der Haken?
Danke vorab für eure Hilfe
LG B!
- Anmelden oder Registrieren um Kommentare zu schreiben
:active vs. .active
am 15.12.2010 - 12:14 Uhr
Hallo.
Also
:activefunktioniert dort doch wunderbar: http://screencast.com/t/IrPu7eSzy8pIch vermute jedoch, Du möchtest dem Link eine Klasse namens "active" verpassen, wenn die entsprechende Seite angezeigt wird. Da Du die Links anscheinend per Hand in der Blockkonfiguration erstellt hast, müsstest Du Dich dort auch selbst darum kümmern.
Warum verwendest Du nicht einfach ein eigenes Menü für die Links und zeigst den Menüblock dann dort an? Dann bekommst Du die Klasse automatisch.
Stefan
jaein, auch wenn ich es übers
am 15.12.2010 - 12:53 Uhr
jaein,
auch wenn ich es übers Menu löse, bleibt der aktive Link (der der angezeigt wird inhaltlich) nicht farblich rot.
Habs mal eben eingebaut, schaue selbst
LG B!
CSS
am 15.12.2010 - 13:01 Uhr
auch wenn ich es übers Menu löse, bleibt der aktive Link (der der angezeigt wird inhaltlich) nicht farblich rot.
Habs mal eben eingebaut, schaue selbst
Der Menüpunkt bekommt von Dir auch keine CSS-Anweisung.
Dementsprechend musst Du Deine CSS-Anweisung von oben für die aktive Klasse umschreiben:
#block-block-6 a:active, #block-block-6 a.active,#block-block-7 a:active, #block-block-7 a.active,
#block-block-8 a:active, #block-block-8 a.active {
color:#ff0000;
font-weight:bold;
}
hth,
Stefan
bissel weiter unten, ich gehe
am 15.12.2010 - 13:06 Uhr
bissel weiter unten, ich gehe über
#block-menu-menu-getraenkekarte a:active {color:#ff0000; font-weight:bold;}aber auch mit deiner formatierung geht dem nicht
:active vs. .active
am 15.12.2010 - 13:47 Uhr
Wie ich bereits schrieb: Du selektierst den *Zustand* "active", nicht die Klasse!
Beispiel:
<a href="..." class="active">Dingens</a>Du verwendest (vereinfacht)
a:active {color: #ff0000;}. Das führt dazu, wenn der Link den Status aktiv vom Browser bekommt (durch anklicken oder Selektion über Tab-Navigation) die Farbe "#ff0000" für den Linktext gesetzt wird.Allerdings möchtest Du einem Link mit der *Klasse* die Farbe verpassen.
Dies erreichst Du über
a.active {color: #ff0000;}("." statt ":").":active" funktioniert analog zu ":hover" oder ":visited" und ist ein Selektor. Du möchtest jedoch die CSS-Anweisung basierend auf der Klasse "active" setzen.
jetzt habe ich es verstanden,
am 15.12.2010 - 13:59 Uhr
jetzt habe ich es verstanden, danke.