Wysokość dla a Opcje

[Bojakki]

mam takie klasy:

Kod

.nav{
width: 980px;
height: 20px;
background-color: #FFFFFF;
float: left;
border: 1px solid #D6DDE2;
margin-bottom: 6px;
padding: 4px 4px 2px 4px;
}

.nav a{
font-weight: bold;
padding-right: 19px;
padding-left: 6px;
background-image: url(../images/layout/nav-arrow.gif);
background-position: right;
background-repeat: no-repeat;
}

Problem polega na tym, że tło w tej drugiej klasie nie obejmuje całej wysokości diva czyli 26px (20 z height + 6 z paddingów), ale jedynie na wysokośc która obejmuje a. Próbowałem w tej drugiej klasie dodać line-height: 26px, samo height: 26px, ale to nic nie dało. Da się to jakos rozwiązać?

Teraz to wygląda tak:

(IMG:http://img192.imageshack.us/img192/5024/przykladu.jpg) Widać, że tło od dołu i góry nie dociąga do końca mimo, że jego wysokość to także 26px;

Ten post edytował Bojakki 21.10.2011, 20:33:48

[qrooel]

Spróbuj może dodać do .nav a:

[HTML] pobierz, plaintext 
.nav a {
     display: block;
}
[HTML] pobierz, plaintext 

[Bojakki]

Nie pomogło, napisy z obrazka pokazowego jedynie zamiast obok siebie sa jeden pod drugim a samo tło powędrowało daleko w prawo.

[qrooel]

[HTML] pobierz, plaintext 
.nav a {
     display: block;
     float: left;
}
[HTML] pobierz, plaintext 

Weź to może wrzuć gdzieś żeby było online. ;]

[everth]

Nie ustawiaj paddingów górny i dolnych w kontenerze (.nav) na inną wartość niż 0.

[Bojakki]

Działa, ale jeszcze trzeba było trzeba dodać tego height: 26px w tym drugim i poprawic margines górny bo nieco zleciało w dół.

Dzięki za pomoc!