Autor | Zpráva | ||
---|---|---|---|
LukasP Profil * |
#1 · Zasláno: 25. 10. 2009, 02:45:58
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 |
#2 · Zasláno: 25. 10. 2009, 08:30:01
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 * |
#3 · Zasláno: 25. 10. 2009, 11:48:25
Diky Plavacku,
ale asi jsem spatne popsal muj dotaz a muze za to veta "aby text pretekal pres obrazek" 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 |
#4 · Zasláno: 25. 10. 2009, 14:05:47
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 * |
#5 · Zasláno: 25. 10. 2009, 14:26:57
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 |
#6 · Zasláno: 25. 10. 2009, 15:35:31 · Upravil/a: Bubák
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í? |
||
Časová prodleva: 14 let
|
0