Autor Zpráva
Ben
Profil *
Ahoj,
řeším problém s vertikálním vycentrováním obsahu v <li> seznamu.

Mám toto:
<h3>FAQ</h3>
<ul>
 <li><a href="index.php?lang=cs&menu=faq"><img scr="../../../content/images/faq.png" width="50" height="50" alt="FAQ" border="0" title="Často kladené dotazy">Otázky a odpovědi</a></li>
</ul>


A u toho mám toto CSS:
#menu li{
height: 50px;
line-height: 50px;
}

tímto CSS zápisem řeším vertikální vycentrování obsahu v řádku, které funguje skvěle, pokud to dám mimo <li> seznam. Napadá vás někoho řešení, jak vertikálně vycentrovat lext v LI seznamu?
Webotikon
Profil
Ben:
Napadá vás někoho řešení, jak vertikálně vycentrovat lext v LI seznamu?
Však si si napísal odpoveď pár riadkov vyššie:

#menu li {
  height: 50px;
  line-height: 50px;
}

Tento zápis ti nefunguje?
margin
Profil *
Chybí odkaz na živou ukázku, ve zde uvedeném kódu ti formátování položek seznamu nemůže fungovat, protože v HTML nemáš identifikátor #menu.
Ben
Profil *
Pro upřesnění:
<div id="menu">
<h3>FAQ</h3>
<ul>
 <li><a href="index.php?lang=cs&menu=faq"><img scr="../../../content/images/faq.png" width="50" height="50" alt="FAQ" border="0" title="Často kladené dotazy">Otázky a odpovědi</a></li>
</ul>
</div>
Ben
Profil *
Je to součástí intranetu a živá ukázka bohužel nelze :-/
Ben
Profil *
Zkoušel jsem vlastnost border a ta v daném LI funguje v pořádku. Takže chyba v identifikátoru není. Jdu dál bádat...
margin
Profil *
Za určité konstelace to může být obrázkem. Dej mu float, nebo ho použij jako pozadí odkazu.
Trejpa
Profil
Ben:
Máš obrázek vertikálně vystředěný k řádku?
Ben
Profil *
Tak vyřešeno následovně. K jednotlivám <li> jsem přidal identifikátory a na pozadí nich jsem dal obrázek a k textu jsem dal odsazení a je to OK.

Díky za pomoc :)

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: