+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Napis na belce. Ustawienie na środku. (/thread-napis-na-belce-ustawienie-na-%C5%9Brodku)
Napis na belce. Ustawienie na środku. - Shaken - 26-11-2010
Witam,
mam mały problem przy tworzeniu strony opartej o prosty HTML i CSS.
Poniżej zamieszczam zdjęcie problemu i mój kod.
O co chodzi? Chcę zrobić menu na belce, która powtarza się w szerz.
Chciałem, aby tekst na niej znajdował się po środku,
dlatego też dodałem padding-top: 7px; ale momentalnie pod belką
zrobiła mi się przerwa... Jak ją zlikwidować?
![[Obrazek: homefk.png]](http://img227.imageshack.us/img227/1772/homefk.png)
Kolor biały to moja kolejna część strony,
kolor czarny to tło - wspomniana wcześniej przerwa pod belką.
HTML :
Kod:
<div id="menu">Strona Główna</div>CSS :
Kod:
#menu {
clear: both;
color: #ffffff;
text-align: center;
padding-top: 7px;
margin: 0;
width: 100%;
height: 30px;
background-image: url(img06.jpg);
background-repeat: repeat-x;
}Mam nadzieję, że rozumiecie mój problem.
Z góry serdecznie dziękuję za pomoc.
Pozdrawiam
RE: Napis na belce. Ustawienie na środku. - Szczygy - 26-11-2010
Przerwa się zrobiła bo dałeś padding dla całego obrazka, który się trochę powiększył. Dodaj padding tylko dla napisu Strona główna, a nie całego diva menu.
RE: Napis na belce. Ustawienie na środku. - Pedro84 - 26-11-2010
line-height:value;
RE: Napis na belce. Ustawienie na środku. - Kartofelek - 26-11-2010
wysokosc = wysokosc - padding ;]
RE: Napis na belce. Ustawienie na środku. - Bl1nk - 28-11-2010
Spróbuj zrobić tak:
CSS
Kod:
#menuTlo {
clear: both;
color: #ffffff;
text-align: center;
margin: 0;
width: 100%;
height: 30px;
background-image: url(img06.jpg);
background-repeat: repeat-x;
}
h1 {
padding-top: 7px;
}HTML
Kod:
<div id="menuTlo"><h1>Strona główna</h1><h1>Kontakt</h1><h1>Inne</h1></div>