Pobrałem z internetu kod menu w css. Wszystko ładnie pięknie menu działa jak należy lecz mam problem z edytowaniem jednego elementu w menu. Poniżej zamieszczę przykładowe menu i omówię gdzie znajduje sie mój problem.
kod html
Kod
<link rel="Stylesheet" type="text/css" href="test.css" />
<div id="wrap">
<ul id="navbar">
<li><a href="#">» Home</a>
<ul>
<li><a href="#">O Nas</a></li>
<li><a href="#">Ekipa</a></li>
</ul>
</li>
<li><a href="#">Usługi</a>
<ul>
<li><a href="#">WWW</a></li>
<li><a href="#">Grafika</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Cennik</a></li>
</ul>
</li>
<li><a href="#">Realizacje</a>
<ul>
<li><a href="#">Strony www</a></li>
<li><a href="#">Grafika</a></li>
<li><a href="#">Flash</a></li>
</ul>
</li>
<li><a href="#">Sklep</a>
<ul>
<li><a href="#">Strony www</a></li>
<li><a href="#">Layouty</a></li>
<li><a href="#">Skrypty</a></li>
</ul>
</li>
<li><a href="#">Inne</a>
<ul>
<li><a href="#">Nasze portale</a></li>
<li><a href="#">Ventrilo</a></li>
</ul>
</li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<div id="wrap">
<ul id="navbar">
<li><a href="#">» Home</a>
<ul>
<li><a href="#">O Nas</a></li>
<li><a href="#">Ekipa</a></li>
</ul>
</li>
<li><a href="#">Usługi</a>
<ul>
<li><a href="#">WWW</a></li>
<li><a href="#">Grafika</a></li>
<li><a href="#">Flash</a></li>
<li><a href="#">Cennik</a></li>
</ul>
</li>
<li><a href="#">Realizacje</a>
<ul>
<li><a href="#">Strony www</a></li>
<li><a href="#">Grafika</a></li>
<li><a href="#">Flash</a></li>
</ul>
</li>
<li><a href="#">Sklep</a>
<ul>
<li><a href="#">Strony www</a></li>
<li><a href="#">Layouty</a></li>
<li><a href="#">Skrypty</a></li>
</ul>
</li>
<li><a href="#">Inne</a>
<ul>
<li><a href="#">Nasze portale</a></li>
<li><a href="#">Ventrilo</a></li>
</ul>
</li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
a tu CSS:
Kod
body {
font: 62.5%/1.2 Verdana, sans-serif;
background-color: #161616;
}
#wrap {
font-size: 13px;
width: 960px;
height: 30px;
margin: 0 auto;
background-color: white;
position: relative; }
#navbar {
margin: 0;
padding: 0px;
background-color: #3b3b3b; /*kolor tla pod menu*/
height: 30px; }
#navbar li {
list-style: none;
float: left; }
#navbar li a {
display: block;
padding: 5px 20px; /* odstepy w menu top - right*/
background-color: #3b3b3b; /* kolor tla menu*/
color: white; /*kolor tekstu*/
text-decoration: none;
}
#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color:#3b3b3b;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
color: white; /*kolor tekstu w submenu - mozna dodac obramowaniania - border-bottom: 1px solid white;*/
}
#navbar li li a:hover {
background-color: #ff4200; /*555555 kolor submenu po najechaniu mycha*/
-moz-border-radius:5px; /*zaokraglone submenu*/
}
font: 62.5%/1.2 Verdana, sans-serif;
background-color: #161616;
}
#wrap {
font-size: 13px;
width: 960px;
height: 30px;
margin: 0 auto;
background-color: white;
position: relative; }
#navbar {
margin: 0;
padding: 0px;
background-color: #3b3b3b; /*kolor tla pod menu*/
height: 30px; }
#navbar li {
list-style: none;
float: left; }
#navbar li a {
display: block;
padding: 5px 20px; /* odstepy w menu top - right*/
background-color: #3b3b3b; /* kolor tla menu*/
color: white; /*kolor tekstu*/
text-decoration: none;
}
#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color:#3b3b3b;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
color: white; /*kolor tekstu w submenu - mozna dodac obramowaniania - border-bottom: 1px solid white;*/
}
#navbar li li a:hover {
background-color: #ff4200; /*555555 kolor submenu po najechaniu mycha*/
-moz-border-radius:5px; /*zaokraglone submenu*/
}
Chce uzyskać efekt że jak najade myszka na napis Home to się podświetli jako zaokrąglony pomarańczowy prostokąt identycznie jak w submenu. Z góry dziekuje za wszelką pomoc bo mam problemy z css.(częsli kodu nie rozumiem w ogole ale jakimś cudem wy edytowałem go jako tako...) Przyklad: http://angryhornets.pl/test/css/menu.html