CSS wrap text

[strija]

Zanima me da li je nesto ovako mozda moguce izvesti CSS-om:
http://www.strija.com/tmp/screen.gif

Znaci da slika bude poravnata lijevo ili desno, i na dno, i da tekst bude oko slike. Slika uglavnom uvijek mora biti na dnu bez obzira na kolicinu teksta.
Nadam se da je ovo dovoljno jasno.
Hvala!

[Gale]

Pa samo stavi za sliku align left

[keye]

to ti je float preko style-a (mozes preko css-a ili direkt u tag)

dakle
<img src="image.gif" style="float:left;">


voila

[Gale]

Ista stvar ko align left

[keye]

[F@NTOM]

Ali on zeli da mu ta slika bude na dnu, ako stavi samo float:left/right text ce "omotati" sliku ali ako sliki da margin-top, slika ce se pomaknuti na dno div-a ali text je nece omotati.

Probaj ovo

[godza]

Ali, tezi se ka XHTML standardima koji izbacuju atribute u tagovima koji sluze samo za izgled tj. dizajn, a tezi se da dizajn se odredjuje preko CSS-a. Tako da je pozeljno da se ovaj primer radi preko CSS-a

[keye]

@fantom: nisam skuzila kako mislis odrediti visinu sa margin-top (osim ako hoces neki sitni margin izmedju text-a i slike).
ne vidim drugo pozicioniranje slike na dno osim rucnog (ubaciti sliku sa floatom pred kraj texta) ali i to je relativno kod resajza.
any idea?

[F@NTOM]

godza wrote:

Ali, tezi se ka XHTML standardima koji izbacuju atribute u tagovima koji sluze samo za izgled tj. dizajn, a tezi se da dizajn se odredjuje preko CSS-a. Tako da je pozeljno da se ovaj primer radi preko CSS-a

A dobro, dali su mu i tu opciju da te tagov upisuje direktno u html, iako se slazem s tobom da se cijelokupni dizajn radi direktno preko css-a.

[keye]

F@NTOM wrote:

godza wrote: Ali, tezi se ka XHTML standardima koji izbacuju atribute u tagovima koji sluze samo za izgled tj. dizajn, a tezi se da dizajn se odredjuje preko CSS-a. Tako da je pozeljno da se ovaj primer radi preko CSS-a A dobro, dali su mu i tu opciju da te tagov upisuje direktno u html, iako se slazem s tobom da se cijelokupni dizajn radi direktno preko css-a.

ne znam da li strija vec radi preko css-a ali ako je na pocetku bolje krenut od tagova pa onda kad skuzi kako funkcionira sve preselit u css. bar sam ja tako u pocetku

edit: vidjela sam da strija fino radi u css-u dakle povlacim prijedlog i pridruzujem se ovom "sve preko css-a"

dakle

img {float: left;}

[F@NTOM]

keye wrote:

@fantom: nisam skuzila kako mislis odrediti visinu sa margin-top (osim ako hoces neki sitni margin izmedju text-a i slike). ne vidim drugo pozicioniranje slike na dno osim rucnog (ubaciti sliku sa floatom pred kraj texta) ali i to je relativno kod resajza. any idea?

Ne znam, evo nesto sam isprobavao malo i kad stavim samo float:left; dobijem ovo Slika1
Ako dodam margin-top: dobijem ovo Slika2

[keye]

tocno ali na drugoj slici imas margin sa vrha tako da nemas vise texta u tom djelu.
to je u stvari prostor kojim odvajas text i sliku pa ne vidim kako ce text omotati sliku na bilo koji drugi nacin na dnu nego rucnim ubacivanjem slike u odredjenom dijelu texta.
mozda postoji nacin ali ja ga ne znam.
kad je pri vrhu nema beda jer prvo ubacis sliku pa onda text, ali ovako na dnu....

ako sam dobro skuzila strija je htio "omotati" sliku sa tekstom

edit:
slika

[F@NTOM]

E onda sam ja pogrijesio.

[keye]

F@NTOM wrote:

E onda sam ja pogrijesio.

mozda i nisi, ajmo pricekat striju ili nekog tko zna elegantnije rijesiti problem

[strija]

Hmm neznam bas dal sam dosta dobro objasnio. Taj tekst i slika bi isli iz cms-a tako da neznam koja bude visina div-a sa tekstom, a slika bi trebala uvijek biti poravnata lijevo i dolje. Znaci ako bi teksta bilo vise da se slika gura prema dolje.
Ali cini mi se da to niti nije moguce.
float: left; radi ok ali slika onda ostaje na onom mjestu gdje je u tekstu, ako je na pocetku, bude lijevo i na vrhu.
U biti mi treba ovo i primjera od keye, samo s to je u tom primjeru tekst vjerojatno tako namjesten i ako bi dio teksta pored slike bio veci, otisao bi ispod slike, a nebi omotao sliku iznad nje.
Ma vec sam i sam sebe zbunio

[che.UP]

mozda mozes probat apsolutno pozicionirat sliku u odnosu na neki div u kojem ce ti stajati sadrzaj njuza... ili, ako su dimenzije slike uvijek iste, mozes kemijat pa izracunat koliko teksta dolazi pored slike i phpom ubacit sliku na to mjesto i floatat lijevo... recimo...