[CSS] a:link {background-color:farbe}; funkioniert nur teilweise bei IE

[Toby]

Hallo,

ich habe folgende CSS-Regel in meiner CSS-Datei.

a.navigation:link {color: #ff9933; background-color:#3300ff;}
a.navigation:hover {color: #3300ff;}

Diese Regel stylt meine Navigation in einer php-Datei.
Im Opera-Browser ist die Darstellung vollkommen korrekt.
Im Internet-Explorer werden von 7 Links in der Navigation 2 nicht richtig dargestellt.
Ich kapiere nur beim besten Willen nicht warum.

Hier mal der Code-Auszug aus meiner php-Datei:

<td colspan="2"><div align="center">
<a class="navigation" href="test.php" > Auktionsticker </a> 
- <a href="gesamtverkauf.php" class="navigation"> Gesamtverkauf </a> 
- <a href="angebote.php" class="navigation"> Angebote </a>
- <a href="neu_melden.php" class="navigation"> Neue 
        Auktion</a> ...
</div></td>

Hier mal eine Hardcopy der unterschiedlichen Browser-Darstellungen:

Hat jemand eine Vorstellung an was das liegen könnte ?

gruss
Tobias

 

[Joypad]

Probiers mal ohne :link also
a.navigation {color: #ff9933; background-color:#3300ff;}
a.navigation:hover {color: #3300ff;}

ich glaube daran liegts, sonst musste :visited auch noch definieren

 

[Toby]

Joypad.....BigThx - so gehts !!

Aber mal ehrlich da wird doch der Hund in der Pfanne verrückt. Bei 5 Links gings und bei zweien nicht...aus welchen Gründen auch immer
Die Geschichte verstehe ich leider überhaupt nicht

gruss
Toby

 

[Joypad]

liegt wahrscheinlich daran, dass du im internet explorer auf die zwei nicht markierten links schon mal geklickt hattest

 

[Toby]

stimmt. Die zwei Links waren schon im Verlauf...

Eine Frage noch zum Thema CSS & Links.

Mit folgendem Code gebe ich der Navigation eine Hintergrundfarbe:

a.navigation {background-color:#3300ff;}

Nur würde ich gerne den Rand um die Schrift erweitern damit das Ganze nicht so ENG aussieht. Ich habe dies mit:

a.navigation {border: #3300ff solid 2px;}

versucht.
Doch leider erscheint der Rand nur rechts UND links von der Schrift. Ich würde den Rand aber auch gerne oben und unten haben. Sprich ringsrum

border-bottom: #3300ff solid 2px;
border-top: #3300ff solid 2px;

habe ich schon versucht, doch leider wieder unterschiedliche bzw. falsche Darstellungen in den Browsern.

gruss
Toby

 

[Joypad]

probier mal:
a.navigation {display: block; padding: 5px 5px 5px 5px; background-color:#3300ff;}

 

[Toby]

Du hast mich auf die richtige Spur gebracht...Mit display: inline-block; padding: 5px 5px 5px 5px; funktionierts !..
Thx zum 2. !

Mit block sind die Rahmen ewig breit...es wird dann wohl die Breitenangabe (5px) ignoriert... Aber wie gesagt - Prima Tip !

gruss
Toby