Autor Zpráva
LukasP
Profil *
Ahoj,

myslel jsem si, ze css "umim" :) ale ted jsem zjistil, ze ani nedokazu obrazek umistit pod text. Nechci davat obrazek na pozadi stranky, jen potrebuj aby obrazek byl pod textem neboli aby text pretekal pres obrazek. Muzete mi poradit jak na to?

Diky moc!
Plaváček
Profil
LukasP:

Vhodnou volbou by mohlo být využití absolutního (nebo relativního) pozicování, zde malý návod: http://www.jakpsatweb.cz/css/css-pozicovani.html
LukasP
Profil *
Diky Plavacku,
ale asi jsem spatne popsal muj dotaz a muze za to veta
"aby text pretekal pres obrazek"
. Co se tyka pozicovani textu tak s tim problem nenam, spise mi ted jde o vlastnosti samotneho obrazku.

Napr.: mam pouze jeden div, ktery se mi roztahuje podle delky textu. Pozadi divu je nejaky obrazek, ktery se kopiruje podle osy Y. Ale v horni casti divu je soucasti pozadi nejaky jednoduchy obrazek nebo vzorek, ktery se nemuze kopirovat podle osy Y. Tyyakze tento obrazek bude staticky, zobrazeny jen jednou a bude pod pozadim.

Nechtel jsem to popisovat takto do detailu, ale snad me ted vice pochopite.
Zatim...
Bubák
Profil
LukasP:
Tyyakze tento obrazek bude staticky, zobrazeny jen jednou a bude pod pozadim.
Tohle absolutně nechápu, pěkně jsi to zamotal.
Nechceš raději namalovat, oč se pokoušíš?
LukasP
Profil *
Njn, kdybych po sobe cetl co jsem napsal a daval si pozor na preklepy, omlouvam se... Ta veta mela vypadat takto: „Takze, tento obrazek bude staticky, zobrazeny jen jednou a bude pod textem.“

Bohuzel ani nevim jak vam ukazat prakticky priklad... :(

PS: Je velka "prasarna" pouzivat zaporne hodnoty v paddingu nebo marginu?
Bubák
Profil
Záporné hodnoty paddingu nejsou dovoleny a v prohlížečích nefungují.
Záporné hodnoty marginu jsou dovoleny a v prohlížečích fungují bez problémů.

Textu budeš muset dát relativní pozici a z-index, stačí 1. Obrázek posuneš nahoru horním záporným marginem, nějak takto:
<p style="z-index: 1; position: relative;">Lorem ipsum dolor sit amet.</p>
<img style="margin: -147px 0;" src="obrazek.png" alt="obrazek">


Dodatek: proč to nechceš normálně, tedy obrázkem na pozadí?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: