Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Wysokość dla a
Bojakki
post 21.10.2011, 20:30:46
Post #1





Grupa: Zarejestrowani
Postów: 379
Pomógł: 0
Dołączył: 18.08.2004

Ostrzeżenie: (0%)
-----

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;

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


--------------------
Inwestycje budowlane
Projektowanie stron internetowych Bełchatów
Domowe zabiegi upiększające
http://tomar-izolacje.pl/
Go to the top of the page
+Quote Post
qrooel
post 21.10.2011, 21:18:08
Post #2





Grupa: Zarejestrowani
Postów: 306
Pomógł: 42
Dołączył: 25.03.2010
Skąd: Kraków

Ostrzeżenie: (0%)
-----

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

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


--------------------
Strony WWW: http://arscreo.pl
Go to the top of the page
+Quote Post
Bojakki
post 21.10.2011, 21:37:16
Post #3





Grupa: Zarejestrowani
Postów: 379
Pomógł: 0
Dołączył: 18.08.2004

Ostrzeżenie: (0%)
-----

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.


--------------------
Inwestycje budowlane
Projektowanie stron internetowych Bełchatów
Domowe zabiegi upiększające
http://tomar-izolacje.pl/
Go to the top of the page
+Quote Post
qrooel
post 21.10.2011, 21:40:01
Post #4





Grupa: Zarejestrowani
Postów: 306
Pomógł: 42
Dołączył: 25.03.2010
Skąd: Kraków

Ostrzeżenie: (0%)
----- 

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


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


--------------------
Strony WWW: http://arscreo.pl
Go to the top of the page
+Quote Post
everth
post 21.10.2011, 21:49:30
Post #5





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

Ostrzeżenie: (0%)
-----

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


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
Bojakki
post 21.10.2011, 21:51:13
Post #6





Grupa: Zarejestrowani
Postów: 379
Pomógł: 0
Dołączył: 18.08.2004

Ostrzeżenie: (0%)
-----

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!


--------------------
Inwestycje budowlane
Projektowanie stron internetowych Bełchatów
Domowe zabiegi upiększające
http://tomar-izolacje.pl/
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 25.04.2024 - 13:16
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn