Napis na belce. Ustawienie na środku.

[Shaken]

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ć?


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

[Szczygy]

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.

[Pedro84]

line-height:value;

[Kartofelek]

wysokosc = wysokosc - padding ;]

[Bl1nk]

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>