Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.07.2010 um 20:16 (UTC)    
Titel: CSS-Design - Aktive Naivbuttons

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. Wink

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;
}

Beitrag20.07.2010 um 10:32 (UTC)    
Titel:

Wieso antwortet denn niemand ???
Sad

Ist ja nicht schlimm wenn es nicht geht - aber dann gebt mir doch bescheid....

Gruß
Michael
Beitrag21.07.2010 um 12:59 (UTC)    
Titel:

Hallo ???

Mag mir keiner antworten. Ist das denn im CSS Design überhaupt realisierbar ?

Bitte gebt mir doch mal eine Antwort !!!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de