Autor | Zpráva | ||
---|---|---|---|
kozusnik.jan Profil * |
#1 · Zasláno: 1. 4. 2012, 21:37:21
Ahoj. Mám problém. Když mám takovouto kostru:
<div class="media"> <div class="image_small"> <div class="image"> <img src="images/32328708-2-440-0[1].jpg" alt="Windows Mobile" /> </div> <div class="image_popis"> Tahle vypadal starý Windows Mobile </div> </div> <div class="image_small"> <div class="image"> <img src="images/Nokia-Lumia-800[1].jpeg" alt="Nokia Lumia 800" /> </div> <div class="image_popis"> Nokia Lumia 800 s Windows Phone 7 </div> </div> </div> <div class="media"> <!--<b class="nadpis">Nokia Lumia 800 - official video</b>--> <iframe width="560" height="315" src="http://www.youtube.com/embed/SbXnCQtQTWc" frameborder="0" allowfullscreen></iframe></div> #kontejner .center .clanek .media { display: block; width: 565px; margin-top: 10px; margin-bottom: 10px; } |
||
panther Profil |
#2 · Zasláno: 1. 4. 2012, 21:48:17
kozusnik.jan:
„když ve stylech nastavím margin-top, nebo bottom, ať je mezi těmi 2 divy mezera, tak se mi posunou oba divy jako celek a mezera žádná.“ nechápu. Dodej odkaz, kde se tak děje. |
||
Fisir Profil |
#3 · Zasláno: 1. 4. 2012, 21:52:54
|
||
kozusnik.jan Profil * |
#4 · Zasláno: 1. 4. 2012, 21:55:49
|
||
Trejpa Profil |
#5 · Zasláno: 1. 4. 2012, 22:31:00
kozusnik.jan:
Plovoucí obsah neukončený pomocí clearu (nebo overflow na auto) se z obsahu nadřazeného bloku vyjímá. Ten pak postrádá obsah a jeho výška je nulová. Samotné přidání spodního marginu ti nepomůže, zvětší se výška elementu, který je pořád menší, než jeho přetékající plovoucí obsah. Nejjednodušší řešení je přidat za .image_small nějaký element s clearem nebo si přidej .media { overflow: auto; } .
|
||
Časová prodleva: 3 dny
|
|||
kozusnik.jan Profil * |
#6 · Zasláno: 4. 4. 2012, 17:34:43
super :) použil jsem ten overflow...a jede to :)
|
||
kozusnik.jan Profil * |
#7 · Zasláno: 4. 4. 2012, 20:58:49
Ještě mám jeden dotaz. Jak udělat, aby se obsah divu "media" zarovnal na střed divu - obrázky ať se vycentrují na střed, popř. obrázek. Pro ukázku jak to vypadá jsem divu nastavil pozadí na šedou, ať to vidíte:
2. obrázky např. tady: http://womap.mzf.cz/web_skola2/index.php?clanek=29 1. obrázek např. tady: http://womap.mzf.cz/web_skola2/index.php?clanek=33 Moc díky |
||
Časová prodleva: 11 let
|
0