Firefox kommt mit a:hover nicht klar

[Christian Kieselbach]

Hi,

ich hab folgendes Problem:
Ich habe die Links auf meiner Seite mit CSS so programmiert, dass sie bei a:hover unterstrichen werden. Mit dem IE klappt das immer, aber Firefox unterstreicht beim Rüberfahren mit der Maus jetzt nur noch einige Links (???). Wenn ich die Schriftgröße ändere (kleiner), geht plötlich wieder alles auch bei Firefox. Woran liegt das? Eigentlich will ich die Schriftgröße nämlich nicht verkleinern. Hier ist der dazugehörige CSS-Code:

/* Body-Definition */

body
{
background-color: #717159;
font-size: 100,01%
}

/* Hier ist die Definition für die Navi-Leiste */

ul#navigation
{
font-size: 0.91em;
float: left;
width: 15%;
margin: 0em;
padding: 0em;
border-top: 1em;
border-right: dashed silver 1px;
border-bottom: none;
border-left: none;
}

ul#navigation li
{
list-style: none;
padding: 0.5em;
}

/* Definition der Links */

a:link
{
font-family:monospace;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:1.8ex;
}

a:visited
{
font-family:monospace;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:1.8ex;
}

a:hover
{
font-family:monospace;
color:#ffffff;
font-weight:bold;
text-decoration:underline;
font-size:1.8ex;
}

Ich verwende ein CSS Layout mit div-Elementen. Die Links sind in der ul#Navigation. Hat das vielleicht damit etwas zu tun?

Vielen Dank schon mal im voraus! Macht weiter so!

Christian

[fastix®]

Moin!

ul#navigation
ul#navigation li

Hm. Meinst Du die ID navigation?

(<ul id="navigation">)

Dann versuche es mal mit
#navigation {...}
#navigation li {...}

Ich wüsste nicht, wofür bei einer ID (die einmalig sein _muss_) der Elementname gut sein soll. Also wird es (ich habe nicht nachgeschaut) vermutlich nicht definiert sein. Ist es nicht definiert, ignoriert der Browser vielleicht irgendetwas.

Oder meinst Du vieleicht die klasse navigation?
(<ul class="navigation">)

Dann wäre:
ul.navigation {...}
ul.navigation li {...}
angebracht.

Weitere Möglichkeit: Bist Du Dir sicher a:link, a:visited und a:hover in dieser Reihenfolge notiert zu haben? Grund: steht a:hover vor a:visited wird die Eigenschaft auch in dieser Reihenfolge gesetzt (_cascading_ style sheet): also:

1. ohne Unterstreichung, weil Link
2. mit Unterstreichung, weil "hover"
3. ohne Unterstreichung, weil besucht
= ohne Unterstreichung

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[MudGuard]

Hi,

Ich wüsste nicht, wofür bei einer ID (die einmalig sein _muss_) der Elementname gut sein soll.

Eine ID muß eindeutig innerhalb _eines_ Dokumentes sein.
Ein Stylesheet kann für beliebig viele Dokumente verwendet werden.

cu,
Andreas

[fastix®]

Moin!

Eine ID muß eindeutig innerhalb _eines_ Dokumentes sein.
Ein Stylesheet kann für beliebig viele Dokumente verwendet werden.

Hm. Fürwahr! Soweit habe ich jetzt gar nicht gedacht. Reichlich verkorkst, aber wer steckt in Frontpage :)

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[Ingo Turski]

Hi,

Hm. Fürwahr! Soweit habe ich jetzt gar nicht gedacht. Reichlich verkorkst, aber wer steckt in Frontpage :)

Wieso Frontpage?

Aber eine weitere Begründung: Dem CSS dürfte eines der Selfhtml-Beispiele wie dieses zugrunde liegen. Und hier erfüllt ul#Navigation zwei Funktionen: es macht deutlich, daß eine Liste mit der dieser ID formatiert wird und vor allem sperrt es aber den NN4 aus, in dem die Seite so sonst unbenutzbar wäre.

freundliche Grüße
Ingo

[wahsaga]

hi,

Reichlich verkorkst, aber wer steckt in Frontpage :)

Der Teufel.

scnr,
wahsaga