Autor Zpráva
mirek25
Profil *
Ahojte,

potreboval by som poradiť ako pomocou CSS zmením poradie div. Do kódu nemám možnosť zasiahnuť.

Prvý div obsahuje obrázok
Druhý nadpis
Tretí text

Ja potrebujem prvý dostať pod druhý a tak aby ho obtekal ten text.

Pre prvý som nastavil "float: left a margin-top" čo sa mi síce podarilo aby bol obrázok kde chcem no posunutý je aj nadpis /DIV 2/ o veľkosť toho obrázku /DIV 1/.
Neviem čo je potrebné spraviť aby sa ten nadpis posunul na ľavý okraj tak ako bol ....
Keeehi
Profil
Prosím o odkaz na živou ukázku.
Tomáš123
Profil
mirek25:
Neviem čo je potrebné spraviť aby sa ten nadpis posunul na ľavý okraj tak ako bol ....
Keď nemôžeš meniť poradie prvkov v HTML, bude asi jedinou cestou kombinácia absolútneho a relatívneho poziciovania. Relatívne poziciovanie určí počiatok súradnicového systému pre vnorené absolútne poziciované prvky. Je vhodné poziciovať oba prvky, aby nevznikali rozdiely v zobrazení spôsobené odlišným rozlíšením.
mirek25
Profil *
Tu je jednoduchá ukážka ako som to myslel.
http://kod.djpw.cz/mbob

Tomáš123:
Určite by to bolo najlepšie prehodiť, ale takú možnosť nemám.
Keeehi
Profil
mirek25:
Jak píše Tomáš, tvoje jediná šance je pozicování. Nejlepší, čeho se mi podařilo dosáhnou je Živá ukázka. Když se ale zvětší písmo, může nadpis začít protékat do obrázku a textu.
mirek25
Profil *
Keeehi:

Ta tvoja ukážka sa neuložila, je tam len to iste čo som poslal ja.
Keeehi
Profil
mirek25:
Uložila ale já jsem pak poslal špatný odkaz. Živá ukázka

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: