• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundfarbe - Navigation

Status
Für weitere Antworten geschlossen.
flapo

flapo

Neues Mitglied
Ich hab ein Problem. Ich möchte bei meiner Navigation den aktiven mit weissem Hintergrund und oranger Schrift (das Gegenteil vom normalen)
Wie schaff ich das? Hab mit id und class schon rumprobiert, geht irgendwie nicht...

Code: 
<html>
<head><title>GymiGames - Spiele und Software</title>
<style type="text/css"><!--
#navigation a:link {text-decoration:none; background-color:#FFBF00; color:#FFFFFF; width:100%;}
#navigation a:visited {text-decoration:none; background-color:#FFBF00; color:#FFFFFF; width:100%;}
#navigation a:hover {text-decoration:none; background-color:#FFFFFF; color:#FFBF00; width:100%;}
#navigation a:active {text-decoration:none; background-color:#FFBF00; color:#FFFFFF; width:100%;}
#navigation td{float:left; font-family:arial; font-weight:bold; font-size:18pt; background-color:#FFBF00;}

-->
</style></head><body>

<table id="navigation" width="50pt" padding="0px" border="0"><tr>
<td>[url="home.htm"]Home[/url]</td><tr><tr>
<td>[url="downloads.htm"]Downloads[/url]</td><tr><tr>
<td>[url="online.htm"]Online[/url]</td><tr><tr>
<td>[url="spiele.htm"]Spiele[/url]</td><tr><tr>
<td>[url="newsletter.htm"]Service[/url]</td><tr><tr>
<td>[url="http://www.yasp.ch/gb.asp?user=gymigames"]Gästebuch[/url]</td><tr><tr>
<td>[url="impressum.htm"]Impressum[/url]</td><tr>
</table>
</div>

</body>
</html>

Edit:
Ich meine, dass der Link auf der Seite wo man ist so dargestellt wird.
 
Werbung:
Nein es hat nichts mit :hover oder :active zu tun. Ich will einfach einen Link Hintergrund weiss, Farbe orange !
 
Werbung:
wenn ich dich richtig verstanden habe....

Code: 
<html>
<head><title>GymiGames - Spiele und Software</title>
<style type="text/css"><!--
#navigation a:link {text-decoration:none; background-color:#FFBF00; color:#FFFFFF; width:100%;}
#navigation a:visited {text-decoration:none; background-color:#FFBF00; color:#FFFFFF; width:100%;}
#navigation a:hover {text-decoration:none; background-color:#FFFFFF; color:#FFBF00; width:100%;}
#navigation a:active {text-decoration:none; background-color:#FFBF00; color:#FFFFFF; width:100%;}
#navigation {float:left; font-family:arial; font-weight:bold; font-size:18pt; background-color:#FFBF00;}

-->
</style></head><body>

<table id="navigation" width="50pt" padding="0px" border="0"><tr>
<td>[url="home.htm"] Home[/url]</td><tr><tr>
<td>[url="downloads.htm"] Downloads[/url]</td><tr><tr>
<td>[url="online.htm"] Online[/url]</td><tr><tr>
<td>[url="spiele.htm"] Spiele[/url]</td><tr><tr>
<td>[url="newsletter.htm"] Service[/url]</td><tr><tr>
<td>[url="http://www.yasp.ch/gb.asp?user=gymigames"] Gästebuch[/url]</td><tr><tr>
<td>[url="impressum.htm"] Impressum[/url]</td><tr>
</table>
</div>

</body>
</html>

(?)
 
flapo schrieb:
Nein es hat nichts mit :hover oder :active zu tun. Ich will einfach einen Link Hintergrund weiss, Farbe orange !
Zum Vergrößern anklicken....

naja egal ;ugl
du kannst auch einfach bei
"#navigation a:active" die hintergrundfarbe mit der textfarbe tauschen
dann hast du beim aktiven link ne orange schrift und nen weißen hinter-
grund.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben