| Autor | Zpráva | ||
|---|---|---|---|
| Ben Profil * |
#1 · Zasláno: 7. 3. 2011, 16:13:52
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 |
#2 · Zasláno: 7. 3. 2011, 16:45:38
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 * |
#3 · Zasláno: 7. 3. 2011, 16:58:51
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 * |
#4 · Zasláno: 7. 3. 2011, 17:05:13
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 * |
#5 · Zasláno: 7. 3. 2011, 17:06:06
Je to součástí intranetu a živá ukázka bohužel nelze :-/
|
||
| Ben Profil * |
#6 · Zasláno: 7. 3. 2011, 17:07:55
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 * |
#7 · Zasláno: 7. 3. 2011, 17:15:36
Za určité konstelace to může být obrázkem. Dej mu float, nebo ho použij jako pozadí odkazu.
|
||
| Trejpa Profil |
#8 · Zasláno: 7. 3. 2011, 17:26:07
Ben:
Máš obrázek vertikálně vystředěný k řádku? |
||
| Ben Profil * |
#9 · Zasláno: 7. 3. 2011, 19:00:12
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 :) |
||
|
Časová prodleva: 13 let
|
|||
0