xhtml + css - img padding Opcje

[AcidBurnt]

witam

mam problem

http://bagrowski.com/temp/index.html

i tam jak jest to menu, i chciałbym aby obrazek kreska miał padding-top i padding-bottom na 3px ale nie wiem jak to mam qrde ustawic.

jak daje dodatkowa .kreska

Kod

.kreska {
padding-top: 3px;
padding-bottom: 3px;
}

i dodaje do

Kod

<img src="i/kreska.gif" class="kreska">

to nic mi to nie daje ;/

[Yarecki]

Jak nie padding to margin może pomoże ?

BTW. Może problemem jest brak deklaracji wysokości img ?

Ten post edytował Yarecki 25.02.2005, 20:04:28

[AcidBurnt]

poradziłem sobie umieszczajac wszystko tak:

Kod

     <div id="menu">
         <p><img src="i/strona_glowna.gif" alt="Strona Główna" /></p>
         <h1><img src="i/kreska.gif" alt="" class="kreska"/></h1>
         <p><img src="i/nasza_oferta.gif" alt="Nasza Oferta" /></p>
         <h1><img src="i/kreska.gif" alt="" class="kreska"/></h1>
         <p><img src="i/kinezjologia.gif" alt="Kinezjologia" /></p>
         <h1><img src="i/kreska.gif" alt="" class="kreska"/></h1>
         <p><img src="i/jezyki_obce.gif" alt="Języki Obce" /></p>
         <h1><img src="i/kreska.gif" alt="" class="kreska"/></h1>
         <p><img src="i/centrum_prasowe.gif" alt="Centrum Prasowe" /></p>
         <h1><img src="i/kreska.gif" alt="" class="kreska"/></h1>
         <p><img src="i/o_nas.gif" alt="O Nas" /></p>
         <h1><img src="i/kreska.gif" alt="" class="kreska"/></h1>
         <p><img src="i/gazetka_online.gif" alt="Gazetka Online" /></p>
     </div>

a w css

Kod

div#menu {
top: 24px;
left: 33px;
text-align: left;
width: 187px;
display: block;
}
div#menu img{
border: 0;
padding: 0;
display: block;
float: left;
margin: 0 auto;
}
div#menu p {
margin-left: 14px;
}
div#menu h1 {
margin: 0;
padding-top: 2px;
padding-bottom: 3px;
}

tylko teraz problemy ma firefox... i jakies dziwne rzeczy dzieja sie z nim przy odswierzeniu ctrl + F5

zobaczice sami http://bagrowsi.com/temp/index.html

Ten post edytował AcidBurnt 26.02.2005, 13:50:17