Hallo zusammen
habe ein kleines problem und zwar würde ich gerne diesen css-teil so umschreiben, dass wenn man zb. auf dem home Seite ist das, dass Homebutton auch in der entsprechenden Farbe ist ohne das sie wieder zurück auf grau springt.
könntet ihr mir vil ein tipp geben wie ich das hinbekommen könnte
Vielen Dank im Voraus
[CODE]
/<![CDATA[/
nav {
width: 960px;
}
nav ul {
padding: 0px;
margin: 0px;
}
nav ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
nav ul,nav ul li{
background-color: #ffffff;
opactiy: .5;
}
nav ul li {
list-style: none;
float:left;
}
nav ul li a {
text-decoration: none;
display: block;
color: #ffffff;
padding: 14px 34px 14px 34px;
}
nav ul li:hover > ul {
visibility: visible;
}
nav ul li ul{
display: inline;
visibility: hidden;
position: absolute;
padding:0px;
}
nav ul li ul li{
float: none;
}
nav ul li ul li a:hover{
color: #333;
}
nav ul {
padding: 0px;
margin: 0px;
box-shadow: 2px 2px 2px #ffffff;
-moz-box-shadow: 2px 2px 2px #ffffff;
-webkit-box-shadow: 2px 2px 2px #ffffff;
}
nav ul li {
list-style: none;
float:left;
border-right: 1px solid #ffffff;
}
nav ul li a {
text-decoration: none;
display: block;
color: #333;
padding: 14px 34px 14px 34px;
transition: background 0.3s ease-out; /* explorer 10 /
-webkit-transition: background 0.3s ease-out; / chrome & safari /
-moz-transition: background 0.3 ease-out; / firefox /
-o-transition: background 0.3 ease-out; / opera */
}
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a {
background-color: #FFF475;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a {
background-color: #FF8888;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
background-color: #E9CE20;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
background-color: #63E497;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
background-color: #20E9D2;
}
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
background-color: #B78FDA;
}
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
background-color: #63B7E4;
}
nav ul li:hover > a {
color: #FAFAFA;
}
nav ul li ul li a {
color: #FAFAFA;
}
nav ul li ul li a:hover{
color: #333;
background-color: #FAFAFA !important;
}
#menu {
font-size:14px;
position:absolute;
font-family: Montaga;
text-decoration: none;
opacity: 0.86;
}
/]]>/
[/CODE]
… werd ich gleich mal versuchen