View previous topic :: View next topic |
Author |
Message |
strija
Joined: 14 Sep 2003 Posts: 473 Location: Čakovec
|
Posted: 21.04.2005 16:42 Post subject: CSS wrap text |
|
|
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! |
_________________ We can exist in ambiguity, but it means the deepest loneliness. | creolab.hr | thefarewellreason.com |
|
Back to top |
|
|
Gale
Joined: 04 Apr 2005 Posts: 120
|
Posted: 21.04.2005 18:28 Post subject: |
|
|
Pa samo stavi za sliku align left |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 21.04.2005 18:36 Post subject: |
|
|
to ti je float preko style-a (mozes preko css-a ili direkt u tag)
dakle
<img src="image.gif" style="float:left;">
voila |
_________________ Google is a blind person |
|
Back to top |
|
|
Gale
Joined: 04 Apr 2005 Posts: 120
|
Posted: 21.04.2005 18:40 Post subject: |
|
|
Ista stvar ko align left |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 21.04.2005 18:43 Post subject: |
|
|
|
_________________ Google is a blind person |
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 21.04.2005 18:46 Post subject: |
|
|
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 |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
godza
Joined: 17 Apr 2005 Posts: 19 Location: Novi Sad, SCG
|
Posted: 21.04.2005 18:49 Post subject: |
|
|
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 |
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 21.04.2005 18:58 Post subject: |
|
|
@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? |
_________________ Google is a blind person |
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 21.04.2005 18:58 Post subject: |
|
|
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. |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 21.04.2005 19:00 Post subject: |
|
|
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;} |
_________________ Google is a blind person |
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 21.04.2005 19:18 Post subject: |
|
|
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 |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 21.04.2005 19:28 Post subject: |
|
|
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 |
_________________ Google is a blind person |
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 21.04.2005 19:40 Post subject: |
|
|
E onda sam ja pogrijesio. |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 21.04.2005 19:42 Post subject: |
|
|
F@NTOM wrote: | E onda sam ja pogrijesio. |
mozda i nisi, ajmo pricekat striju ili nekog tko zna elegantnije rijesiti problem |
_________________ Google is a blind person |
|
Back to top |
|
|
strija
Joined: 14 Sep 2003 Posts: 473 Location: Čakovec
|
Posted: 22.04.2005 09:24 Post subject: |
|
|
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 |
_________________ We can exist in ambiguity, but it means the deepest loneliness. | creolab.hr | thefarewellreason.com |
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 22.04.2005 10:58 Post subject: |
|
|
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... |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
|