Autor | Zpráva | ||
---|---|---|---|
pifko Profil |
#1 · Zasláno: 6. 10. 2008, 21:45:32
Ahoj,
tak mám zase jeden problém. Mám galerii (javascript, DOM). Dostanu dynamicky vygenerované html v této struktuře: <div class="celek"> <div class="obrazek"> <img> </div> <div class="popis">text</div> </div> Takže je obrázek, pod kterým je jeho popis. U všech divů a img jsou padding, margin a border nastavené na 0. Přesto se ve firefoxu objevuje mezi koncem obrázku a textem popisu mezera o velikosti 4px. V IE je toto v pořádku (bez mezery). Zkoumáním ve firebugu (pro ty co neví, geniální rozšíření pro firefox) sem zjistil, že právě div s class="obrazek" je vyšší o 4px než obrázek. Naprosto ale nemůžu přijít na to, kde se tyto 4px berou. Ještě pro doplnění. Je to tahle galerie: http://devkick.com/lab/galleria/ Uvedený problém je možné pozorovat i v demo příkladu: http://devkick.com/lab/galleria/demo_01.htm#img/ladybug.jpg (zde je mezera větší o 10 dolní margin u obrázku). Budu vděčný za jakoukoliv radu. Vím, že to není žádná tragédie, ale rozčiluje mě, že na to nemůžu přijít :) |
||
J Profil * |
#2 · Zasláno: 6. 10. 2008, 22:16:43
? konec řádku? Zkus nezalamovat za img, dát hned za sebe <img></div>
|
||
Chamurappi Profil |
#3 · Zasláno: 6. 10. 2008, 22:24:45
Reaguji na pifko:
Přidej obrázku styl „vertical-align: middle“ nebo „display: block“. |
||
pifko Profil |
#4 · Zasláno: 6. 10. 2008, 22:29:42
díky za reakci, ale tím to není
|
||
pifko Profil |
#5 · Zasláno: 6. 10. 2008, 22:30:12
to bylo na J.
Chamurappi - zkusím |
||
pifko Profil |
#6 · Zasláno: 6. 10. 2008, 22:33:25
Chamurappi: Díky moc! Paráda. Já to řešil několik hodin. Hned bych ti koupil pivko :)
|
||
Časová prodleva: 16 let
|
0