<li> a vertikalne zarovnanie textu

max-m · Napísal **max-m**: 29.03.2010 13:50

Caute,
mam takyto problem. Potrebujem ku <li> dat obrazok co samo o sebe problem nie je. Ibaze, obrazok je trochu vyssi a potreboval by som text, ktory je v <li> zarovnat vertikalne do stredu a to je ten problem.

mam taketo CSS:

Kód:

ul#test {
   margin:0;
   padding:0;
   margin-left:30px !important;
}
ul#test li.polozka1 {
   display:block;
   height:25px;
   list-style-image:url(../img/polozka1.png);
}
ul#test li.polozka2 {
   display:block;
   height:25px;
   list-style-image:url(../img/polozka2.png);
}

a HTML:

Kód:

<ul id="test">
  <li class="polozka1">položka 1</li>
  <li class="polozka2">položka 2</li>
</ul>

takto mi to sice zarovna, no nezobrazi potrebne obrazky. ak odstranim display:block, tak sa zobrazia obrazke ale text je zase vyoseny dole....

skusal som aj google, no nejak nepomohol (asi sa spytam Chucka Norrisa

)

DIK.

dEVIANT · Napísal **dEVIANT**: 29.03.2010 13:56

Skús použiť line-height, možno to pomôže.

Hmm len to asi nepomôže, lebo posunie aj ten obrázok. Btw. toto som aj ja raz riešil, a tiež som to tuším nevyriešil, musel som proste upraviť obrázok.

max-m · Napísal autor témy **max-m**: 29.03.2010 14:01

aj mna napadlo zmensit obrazok - no nie je to pre mna riesenie, kedze tam taky maly obrazok nechcem...

don jebot · Napísal **don jebot**: 29.03.2010 14:45

daj zivy link ...nechapem presne co chces... skus pouzit na text span a ten napoziciuj...

Ďuri · Napísal **Ďuri**: 29.03.2010 14:55

Miesto list-style-image pouzijes background-image (to si vies napoziciovat). Ak pouzijes line-height take iste ako height, budes mat aj text vertikalne centrovany.

max-m · Napísal autor témy **max-m**: 29.03.2010 15:01

Ďuri píše:

Miesto list-style-image pouzijes background-image (to si vies napoziciovat). Ak pouzijes line-height take iste ako height, budes mat aj text vertikalne centrovany.

Dik. pouzil som bg-img, napozicioval a pomohlo, ze ma to nenapadlo.

este raz DIK

<li> a vertikalne zarovnanie textu

Podobné témy