Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wysokość dla a
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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:

Widać, że tło od dołu i góry nie dociąga do końca mimo, że jego wysokość to także 26px;
qrooel
Spróbuj może dodać do .nav a:

  1. .nav a {
  2. display: block;
  3. }
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
  1. .nav a {
  2. display: block;
  3. float: left;
  4. }


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!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.