Autor Zpráva
Gaudino
Profil
Ahoj, potrebuji poradit.

Mam sekci se clanky, kde mam vzdy obrazek a vedle nej nadpis a kousek textu a takto porad pod sebou.
Abych dostal u prvniho obrazku nadpis a text vedle sebe, nastavil jsem obrazku float: left.
Ted mam ale problem, protoze se mi uz uplne vsechno ridi podle tohoto floatu.
Jak to mam prosim udelat abych to dostal do pozadovane formy? Tzn. aby dalsi obrazek byl zase jiz bez floatu....atd.

dekuji

prikladam ukazku jak to resim:

CSS:
#zpravodaj { padding: 0px; width: 100%;}
#zpravodaj ul { list-style: none; color: #000000; text-decoration: none; }
#zpravodaj li { border: color: #000000;}

.border-tipy{border: 1px solid #83ba41; float: left; }

---------------------------------------------------------------------- ------------------------------
HTML
<div id="zpravodaj">
<div class="nazev-sekce">ZPRAVODAJ</div>
<ul>
<li><img class="border-tipy" src="images/zpravodaj.gif" alt="zpravodaj"/></td>
<li><p>TITULEK ČLÁNKU</p>
<li>Rozhovor s některým z našich moderátorů, speciálně pro náš server. Takže si ho sami uděláme a zveřejníme i s fotografiemi.</li>
</ul>
<ul>
<li><img class="border-tipy" src="images/zpravodaj.gif" alt="zpravodaj"/></td>
<li><p>TITULEK ČLÁNKU</p>
<li>Rozhovor s některým z našich moderátorů, speciálně pro náš server. Takže si ho sami uděláme a zveřejníme i s fotografiemi.</li>
</ul>
</div>
Tasartir
Profil
pokud trváš na takovémhle rozdělení tak bych doporučil <li> co je pod nadpisem nastylovat clear: left. Nebo jiný způsob: předpokládám že titulek nebude nijak dlouhej text, a tedy by šlo dát je do jednoho odstavce a jenom upravit vertikální zarovnání podle potřeby. (Ale i v tomhle případě by šlo použít float, zbavil by ses jednoho imo zbytečného <li> u každého článku)
Gaudino
Profil
no netrvam konkretne na takovemhle rozlozeni, pokud by byl nekdo ochoten mi poradit nejaky lepsi a efektivnejsi zpusob jak tohoto dosahnout, bych bych samozrejme jenom rad:-)

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: