a:focus wird nicht angezeigt

maggie · #1 (**permalink**) 29.09.2009, 13:12

Hallo,
ich habe in html eine Liste:

HTML-Code:

<dl class="menu">
<dt>
Hauptmenü
</dt>
<dd>
Untermenü
</dd>
</dl>

Den Untermenüpunkten möchte ich beim angeklickten Unterpunkt eine andere Hingergrundfarbe geben. Mein CSS Anweisung sieht so aus:

Code:

dl.menu dd a:focus {background-color:#dddddd; color:#000000;}

Was ist an diese Style-Anweisung falsch? Das gewünschte wird nicht angezeigt

Gruß
Maggie

EvT · #2 (**permalink**) 29.09.2009, 13:41

Als erstes sehe ich keinen Link in deiner <dd>.

maggie · #3 (**permalink**) 29.09.2009, 13:54

Zitat:

Zitat von EvT

Als erstes sehe ich keinen Link in deiner <dd>.

Sorry, ich wollte kürzen, aber das 'a href' sollte ich dann schon nennen

HTML-Code:

<dl class="menu">
<dt>
<a href="zieldatei.html">Hautpmenü</a>
</dt>
<dd>
<a href="zieldatei.html">Untermenü</a>
</dd>
</dl>

Gruß
Maggie

niemand · #4 (**permalink**) 29.09.2009, 16:24

:focus ist für den Tastaturfokus, wenn du mit der Tastatur navigierst. Für den Mausfokus beim Anklicken benutzt man :active. Hintergrund: schließlich hat der Link nicht einfach nur den Fokus sondern wurde durch den Klick aktiviert, denn du wirst ja zum Linkziel geschickt, wenn du auf dem Link die Taste wieder loslässt, weshalb hier :active vor :focus Vorrang hat.

hubspe · #5 (**permalink**) 29.09.2009, 16:51

Zitat:

Zitat von niemand

:focus ist für den Tastaturfokus, wenn du mit der Tastatur navigierst. Für den Mausfokus beim Anklicken benutzt man :active. Hintergrund: schließlich hat der Link nicht einfach nur den Fokus sondern wurde durch den Klick aktiviert, denn du wirst ja zum Linkziel geschickt, wenn du auf dem Link die Taste wieder loslässt, weshalb hier :active vor :focus Vorrang hat.

Häh??
Klingt wie von hinten durch die Brust ins Auge.

Ich weiss nicht was du uns damit sagen willst.

:active gilt nur für den Moment des Klicks.

Der IE6/7 behandelt :active wie :focus beim durchtabben.

niemand · #6 (**permalink**) 29.09.2009, 17:05

Zitat:

Zitat von hubspe

Ich weiss nicht was du uns damit sagen willst.

Genau das:

Zitat:

Zitat von hubspe

:active gilt nur für den Moment des Klicks.

So wie ich es verstanden habe will er beim Klick eine andere Hintergrundfarbe, also muss er :active und nicht :focus verwenden.

hubspe · #7 (**permalink**) 29.09.2009, 17:09

Hi,

Zitat:

Zitat von niemand

Genau das:

okay, dein Satzbau hatte mich a weng verwirrt.

maggie · #8 (**permalink**) 29.09.2009, 18:28

Der Link nachdem er angeklickt wurde (Aktivierter Link) soll so (wie auch bei a:active) aussehen:
dl.menu dd a:active {background-color:#dddddd;}

Meine navi.php

PHP-Code:


			
<dl class="menu">

<dt>

<?php

  echo '<a href="navi31.php?x=3">navi31</a>';

?>

</dt>

<?php

    if(intval($_GET["x"]) == 3)

    {

      echo  '<dd>

<a href="navi31.php?x=3">navi31</a>

<a href="navi32.php?x=3">navi32</a>

<a href="navi33.php?x=3">navi33</a>

</dd>';

        }

?>

</dl>

Eingebunden wird die navi.php so:

PHP-Code:


			
<?php include ("navi.php"); ?>

Müsste ich nun noch eine ID weitergeben? z.B.
"id=\"aktiv\"";
um dieser ID die gewünschte Formatierung geben zu können?

Maggie

hubspe · #9 (**permalink**) 29.09.2009, 18:43

Hi,

das ist das CSS-Forum, zeig doch mal lieber was der Browser ausgibt.
PHP ist doch in dem Zusammenhang eher uninteressant.

Wenn der Menüpunkt der aktiven Seite hervorgehoben sein soll, wird normal a gegen strong ausgetauscht um keinen Deppenlink zu produzieren.

Verstehe auch nicht was du beabsichtigst.
Soll das so ne Art Dropdown/Flyout-Navi werden?

Rätsel über Rätsel??

Scheppertreiber · #10 (**permalink**) 29.09.2009, 18:55

Was heißt da "Deppenlink". Ist doch praktisch um einen Refresh zu haben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
ImageFlow: Bilder werden nicht angezeigt	crossgolfer85	Javascript & Ajax	6	22.02.2011 15:16
Navigation verschwindet im IE6	emti	CSS	4	12.05.2009 15:01
Fokus auf Checkbox wird nicht angezeigt	krümel	CSS	1	16.03.2009 22:55
a:active a:focus - Problem IE / FF	bertii	CSS	13	28.09.2008 21:59
Text zu Groß für Box, Es soll ein Scrollbalken angezeigt werden	michi-muc	CSS	1	04.02.2008 20:41