Elikkä ongelma on seuraava.
Minulla on css-tiedosto missä seuraavanlainen kohta:
.navi2
{background-image:url('navi2.png');
width:120px;
height:21px;
font-family:Verdana, Arial, Tahoma, sans-serif, Helvetica;
text-align:center;
font-size:12px;
color:#000000;
vertical-align:middle;}
---------
Ja itse XHTML:ssä koodissa on seuraavanlainen:
Muuta tietoa
-------------
Eli miten saisin tuon "Muuta tietoa" teksin menemään keskellä tuota navi kuvaa, kun se pukkaa menemään aina ylös?
Minulla on css-tiedosto missä seuraavanlainen kohta:
.navi2
{background-image:url('navi2.png');
width:120px;
height:21px;
font-family:Verdana, Arial, Tahoma, sans-serif, Helvetica;
text-align:center;
font-size:12px;
color:#000000;
vertical-align:middle;}
---------
Ja itse XHTML:ssä koodissa on seuraavanlainen:
Muuta tietoa
-------------
Eli miten saisin tuon "Muuta tietoa" teksin menemään keskellä tuota navi kuvaa, kun se pukkaa menemään aina ylös?
Vastaukset 2
Vanhimmat
Lisää navi2:n tyylimäärittelyyn seuraava sääntö:
line-height: 21px;
Nyt tekstirivin ylä- ja alapuolelle lisätään tyhjää tilaa tasaisesti sen verran kuin line-height- ja font-size-ominaisuuksien arvojen erotuksesta jää yli. Toisin sanoen, koska line-height − font-size = 9px, lisätään toiselle puolelle 4px ja toiselle 5px ylimääräistä tilaa.
Erittäin paljon kiitos ^^
Ei tarvitsekaan tehdä muutamaa erillistä kuvaa, mihin on laitettu teksti valmiiksi ^^