Autor Zpráva
Anča
Profil *
Zdravím, potřebuji radu ohledně CSS. Mám HTML soubor a v něm mám iframe [znáte-li nějakou lepší alternativu pro iframe, taky budu ráda :) ] V rámu jsem nechala zobrazit jiný HTML soubor. Zvlášť mám pak samozřejmě CSS soubor.
Potřebuji, aby byl levý okraj Obrázku souměrně s pozadím Nadpisu a zároveň aby nepřesahoval do pozadí dalšího Nadpisu ani do textu vedle (viz. obrázek).
Doufám, že se to dá pochopit.
Dík moc za radu!
David1256
Profil
Lepší alternativa iframe je div. Na to napozicování, které potřebuješ, použij vlastnosti float a clear. Teď k tomu sestavení, dejme tomu, že ten nadpis bude
#divnadpis{float:left;clear:both; }
obrázek bude
#divobrazek{float:left;clear:both;}
a text bude
#divtext{float:left;}
Trejpa
Profil
Anča:
Protože se tvoje bloky opakují, je vhodné použít třídy (ne ID). Hlavně záleží na tom, zda znáš šířku obalujícího bloku, předpokládám, že ano.

Nadpisy jsou přes celou šíři a uzavírají předchozí plovoucí bloky, budou mít clear: left. Blok s obrázkem a blok s textem musí mít nastavenu šířku a potom je můžeš nechat vedle sebe plavat. Za poslední obrázek potřebuješ poslední clear:left.

.obal { width: 640px; }
.nadpis { clear: left; }
.obrazek { width: 120px; float: left; }
.textik { width: 510px; float: left; margin-left: 10px; }
.konec { clear: left; font-size: 1px; }

<div class=obal>
  <h2 class=nadpis>Nadpis 1</h2>
  <div class=obrazek><img src=obrazek1.png></div>
  <div class=textik>Lorem ipsum dolor sit amet,</div>

  <h2 class=nadpis>Nadpis 2</h2>
  <div class=obrazek><img src=obrazek2.png></div>
  <div class=textik>Lorem ipsum dolor sit amet,</div>

  <div class=konec></div>
</div>




znáte-li nějakou lepší alternativu pro iframe, taky budu ráda
Pro vložení jiné stránky lepší alternativa není. Přesto se takto stránky nedělají. Každá stránka má svůj nadpis, svoje menu, svůj obsah. Na každou se píše vše. (Vkládání společných prvků lze zautomatizovat třeba pomocí PHP funkce include). Příkladem budiž toto fórum.

Když už iframe, tak je vhodné postupovat obráceně: ne stránka s menu a v iframe obsah, ale stránka s obsahem a v ní iframe pro menu. Stránka pak bude lehce vyhledatelná a nedojde k osamostatnění obsahu od zbytku.
Anča
Profil *
Děkuji oběma za rady ;) Vyzkouším, snad to poběží dobře :)

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: