Chcę zrobić na swojej stronie elastyczne, poziome menu (takie, które zmienia szerokość w zależności od ilości tekstu).
Kod CSS menu:
Kod: Zaznacz cały
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul {
float: left;
width: 100%;
border-bottom: 1px solid #365;
padding-left: 20px;
}
ul li {
float: left;
background: url("zakladka.gif") no-repeat left top;
margin-right: 5px;
}
ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("zakladka2.gif") no-repeat right top;
color: #365;
padding: 5px 15px 5px 5px;
margin-left: 10px;
}
ul a:hover {
color: #032;
}
1. Wszystko pięknie chodzi tylko prosiłbym o to, żeby menu zmieniało kolor po najechaniu, ale nie wiem kompletnie jak to zrobić. Próbowałem wkleić: backround: url"przykladowyobrazek.png" no-repeat right top;), ale nie działało.
2. Jeżeli ktoś mógłby mi powiedzieć, która linijka odpowiada za różną szerokość przycisków.
Dzięki za pomoc