<li> a vertikalne zarovnanie textu

max-m · Napísal **max-m**: 29.03.2010 13:50 | <li> a vertikalne zarovnanie textu

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 | <li> a vertikalne zarovnanie textu

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

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 | <li> a vertikalne zarovnanie textu

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

Ďuri · Napísal **Ďuri**: 29.03.2010 14:55 | <li> a vertikalne zarovnanie textu

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

Ď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

<li> a vertikalne zarovnanie textu

Podobné témy

vertikalne zarovnanie textu

<ul> <li> nemam odrazky

odkaz v <li> neotvara

<li> ako odkaz tvoreny pomocou obrazkov

Hrúbka <frame> a <rules> v <table>

formular: presun <option> zo <select> do <select>

>>> Java - connection problem ! <<<

Vertikalne aj horizontalne zarovnanie na stred

<tr> riadok tabulky ako odkaz <a>

Interpunkcia v elementoch <textarea> a <select>

HTML, CSS - skombinovat <DIV> a <p>

Nazdielanie netu, LAN<-->PC<--wifi-->Notebook

Chladiče procesorov >>Všetky problémy sem<<

>>>Schvalenie zostavy<<<

tagy <em> a <strong>

<a href> around <div>