| Autor | Zpráva | ||
|---|---|---|---|
| Beduin Profil * |
#1 · Zasláno: 20. 3. 2013, 21:19:41
Dobrý večer.
Pro lepší ilustraci přikládám obrázek. 
Potřebuju, aby se odstavce nezalamovaly v půlce. Tzn, když se celý kontakt (nadpis a odstavec) nevejde vedle obrázku, aby se celý zobrazil až pod obrázkem. Víte někdo o nějakém řešení? ... Je mi jasné, že je zabalím do jednoho divu, ale dál už nevím, jakou mu dát vlastnost. Resp. jak to popsat jedním slovem, abych to mohl vygooglit. <div id="minimapa_container">(mapa a sociální tlačítka - pevné rozměry a float:left;)</div> <h2>Kamencové jezero - Chomutov</h2> <p>lbfckjan an kxjvbn kllnbvg</p> <h3>Ubytování</h3> <p>efghezhbgsfdc poijrfkmklwagtertgfvsafejc ohgiukqlarfnkjbg</p> <h3>Stravování</h3> <p>ertgrsthgsgerjuý tlkizjhdgsfae</p> <h3>Vybavení</h3> <p>ertgzrujthzgdsvfcd</p> <h3>Výlety, atrakce, zábava</h3> <p>ewrgvrevzjuiíáépíiouzjhgfvdsbg65468974526+03</p><p>2gbvd</p> <h3>Provoz, poplatky, ceny</h3> <p>dfbgdhztnh5621567gfb 16546trhg46ev</p><p>cewr5gcdhz</p> <h3>Kontakt</h3> <p>Tomáše ze Štítného 5520<br />Chomutov, 43001<br />okres Chomutov<br />Česká republika<br />e-mail: ... (atd)</p> |
||
| suvel Profil |
#2 · Zasláno: 20. 3. 2013, 21:37:45
Použij
float a clear
|
||
| Beduin Profil * |
#3 · Zasláno: 20. 3. 2013, 21:54:57 · Upravil/a: Beduin
Můžu poprosit o nějaké konkrétnější nakopnutí?
Když dám <div style='float: left; clear: both;'><h3>Kontakt</h3><p> (...) </p></div>
a takhle u všech odstavců, tak se mi všechny odstavce posunou až pod mapu. A <div style='float: left;'><h3>Kontakt</h3><p> (...) </p></div><div style='clear: both;'></div>
neposune celý řádek pod mapu, ale zarovná ho doprava, takže pod mapou pak vzniká mezera (šířka mapy a výška zbytku řádku). Teda výška zbytku odstavce (ne řádku). |
||
| Trejpa Profil |
#4 · Zasláno: 20. 3. 2013, 22:09:13
Beduin:
Udělej to pomocí dvou velkých bloků. <div style="float: left; width: 300px;"> <p>mapa <p>ikonky </div> <div style="float: left; width: 400px;"> <p>popisky </div> <div style="clear: left;"> <p>zbytek / patička / prázdno </div> |
||
|
Časová prodleva: 12 let
|
|||
0