Autor Zpráva
Beduin
Profil *
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
Použij float a clear
Beduin
Profil *
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
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>

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: