Hallo liebe Leute,
habe mal wieder eine Schwierigkeit. Hoffe aber das mir jemand helfen kann...
*smile
Ich möchte das der aktive Button aus meiner Navigation eine andere Schriftfarbe hat, so das man erkennt auf welchem Navibutton man gerade ist.
Habe zwei Möglichkeiten hier im Forum gefunden, bei mir funktionieren beide aber nicht.
1. li.nav_element checked_menu{
color: #FF0000;
background-color:#transparent;
background-image:url(BILD);}
oder
2. li.checked_menu{Anweisung;}
Vielleicht kann mir ja jemand mal meinen Code so umschreiben, dass es danach funktioniert. Wäre echt lieb. Und ja - ich weiss - meine Seite ist nicht für alle Monitore optimal.
Vielen Dank für eure Hilfe !!
Gruß
Michael
Hier mein Quellcode:
body {
background-image: url(http://s1.directupload.net/images/100619/xkg8am8n.jpg); /* Wenn vorhanden, Klammer mit Bildadresse füllen */
background-color: #FFEFE0; /* Hintergrundfarbe mithilfe eines Hex-Codes*/
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: left; /* zentriert das Design im IE */
background-attachment:fixed;
}
a {
color: #EEEEEE; /* Farbe der Links */
}
/* Container */
#design1 {
width: 918px; /* Breite des Designs */
text-align: left; /* positioniert den Text links */
background-color: #fff; /* Hintergrundfarbe des Containers */
border: 5px solid #BB0000; /* Rand um das Design */
margin-left: 15px;
position:absolute;
top: 135px;
}
#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}
#header_container {
background-image:url(http://s10.directupload.net/images/100711/99h4mzqz.jpg);
height:165px;
width:917px;
border-bottom: 5px solid #BB0000; /* Rand am unteren Ende des Headers */
}
#header {
display:none;
}
.header {
text-align:right;
}
ul#nav {
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border:1px solid #CCCCCC;
list-style-type:none;
margin:0;
padding:8px 0;
}
li.nav_element {
background-color:#999999;
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border-color:-moz-use-text-color #CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:none solid none none;
border-width:medium 1px medium medium;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:8px;
}
#nav_heading {
display:none;
}
.menu {
color:#CC0000;
font-family:"Trebuchet MS",Verdana;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.menu:hover {
color:#FF6600;
}
h2#title {
background-image:url(http://img.webme.com/pic/d/desiqntest/menbg.png);
border:1px solid #CCCCCC;
text-align:center;
list-style-type:none;
margin:0;
padding:8px 0;
position:absolute;
left:50%;
top:250px;
margin-left: -302px;
height:30px;
width:100px;
}
#nav_Mannschaft {
position:absolute;
left:50%;
top:206px;
margin-left: -390px; }
#nav_Trainer {
position:absolute;
left:50%;
top:206px;
margin-left: -302px; }
#nav_Meisterschaft {
position:absolute;
left:50%;
top:206px;
margin-left: -410px; }
#nav_Freundschaft {
position:absolute;
left:50%;
top:206px;
margin-left: -310px; }
#nav_Turniere {
position:absolute;
left:50%;
top:206px;
margin-left: -210px; }
#sidebar_container {
background-color:#BB0000;
color:#000000;
height:170px;
left:620px;
opacity:0.8;
padding:5px;
position:absolute;
top:230px;
width:250px;
}
#sidebar_heading {
margin:0;
overflow:auto;
padding:0;
}
li.checked_menu{
color: #FF6600;
}
