Autor Zpráva
z3ntiva
Profil *
Zdravím, mám problém. Mám seznam a k němu stylované odrážky v podobě ikonek. Mám však problém, že jelikož jsou ikonky vyšší než text, větší, tak text není uprostřčed ikonek, ale jakoby nahoře. text k odrážce tedy není vycentrovaný vzhledem k odrážce. Nevíte čím to muže v tomto případě být? kod:
HTML
<div class="druhy_sloupec"> 
      <ul>
       <li>Potvrzení o výši příjmu</li>
       <li>Výpis z registru dlužníků</li>
      </ul>
      </div> 
CSS¨
.druhy_sloupec {float: left; margin-left: 120px;}
.druhy_sloupec ul li{color:#319fd5; font-size: 13px; padding-left: 48px; margin-top: 22px; font-weight: 700;}
.druhy_sloupec ul li:first-child {background: url(images/administrace-ikonka.png) left bottom no-repeat; height:31px;}
.druhy_sloupec ul li:nth-child(2) {background: url(images/administrace-ikonka2.png) left bottom no-repeat; height:29px;} 
jenikkozak
Profil
Text můžeš vertikálně vycentrovat tak, že prvku nastavíš stejnou height i line-height.
z3ntiva
Profil *
Díky moc. můžete lock :)
jenikkozak
Profil
Zde na diskusi vlákna nezamykáme.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: