View previous topic :: View next topic |
Author |
Message |
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 28.03.2006 14:25 Post subject: prisiljen koristiti tablicu za layout?? |
|
|
Problem: 2 kolumne, lijevo slika koja je varijabilne veličine, desno kolumna teksta. Ne želim da se tekst omota oko slike, želim da imam efekt dvije kulumne, ali problem je što ne znam koliko je slika velika.
Problem CSS float modela je što ovisi o apsolutnim širinama kolumni - jedna se ne može prilagođavati drugoj, odnosno jedna se ne može skraćivati kako se slika povećava (što smo lijepo imali kod tablica).
Jesam li lud; postoji li rješenje, ili natrag dobrim starim tablicama?
Note: svjestan sam da mogu skriptirati, makar bi rješenje imalo dvije linije JS koda, stvar je principa |
|
|
Back to top |
|
|
r3dsc0rpi0n
Joined: 20 Apr 2005 Posts: 354 Location: Zagreb
|
Posted: 28.03.2006 14:41 Post subject: Re: prisiljen koristiti tablicu za layout?? |
|
|
Sulien wrote: | Ne želim da se tekst omota oko slike, želim da imam efekt dvije kulumne, ali problem je što ne znam koliko je slika velika.
|
Zelis text ispod slike ili desno od slike?
Nested divs?
Ako ce slika bit sira od 500px rasirit ce "vanjski" div sa textom ... |
_________________ ::: Fortis est, qui se vincit ! :::: |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 28.03.2006 18:17 Post subject: |
|
|
Želim tekst desno kako je prikazano u dijagramu. Container za oboje je fiksne širine.
Nisam siguran na što misliš sa 'nested divs'... Ali ako se slika povećava širina teksta se smanjuje, a ne povećava |
|
|
Back to top |
|
|
lekke
Joined: 17 Jun 2004 Posts: 860 Location: 25th floor
|
Posted: 28.03.2006 19:34 Post subject: |
|
|
well... estetike radi, ogranici dimenzije slike |
_________________ You need more bass. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 28.03.2006 20:00 Post subject: |
|
|
Ograničene su! Ali mogu biti manje od maksimuma |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 28.03.2006 20:25 Post subject: |
|
|
Mislio sam da sam jako pametan pa sam probao sa faux column hackom (sivi div sa fix dimenzijama predstavlja sliku varijabilne veličine):
http://odin.irb.hr/~mislav/test.html
Makar background ide skroz do dolje, text ipak wrapa unutra |
|
|
Back to top |
|
|
r3dsc0rpi0n
Joined: 20 Apr 2005 Posts: 354 Location: Zagreb
|
Posted: 28.03.2006 21:57 Post subject: |
|
|
Sorry gledo sam na LCD-u a na njemu nemam taj spektar boja CRT rulz
Evo sto sam ja dobio
Ali naravno kad povecas sirinu diva slika, text ode ispod slike jer ga container od 500px drzi...kolko sam shvatio ne zelis da se sirina texta smanji sto sam ja dobio ali container stvara probleme...
|
_________________ ::: Fortis est, qui se vincit ! :::: |
|
Back to top |
|
|
carr
Joined: 13 Nov 2003 Posts: 1397 Location: Karlovac
|
Posted: 29.03.2006 02:26 Post subject: |
|
|
ja sam img stavio unutar nekog div-a kojem sam pritisnuo height: 100% i floatao ga lijevo (od teksta)
jedini je problem sto "height: 100%" vrijedi samo za viewport, tako ako ima jako puno teksta, tocnije vise od viewporta, stvar puca i tekst se pocne "podvlaciti" ispod slike. |
_________________ Bolje biti malo lud, nego malo pametan. |
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 29.03.2006 10:13 Post subject: |
|
|
jel ti sirina fiksna??
stavi img u div ko sto je car reko.
prakticki imas dva diva koji su kolone a div na desno ti je margin-left toliko koliko je sirok ovaj lijevi div sto ima sliku i onda se text nece podvlacit. |
_________________ Google is a blind person |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 29.03.2006 11:40 Post subject: |
|
|
scorpion: fundamentalna mana tvog rješenja je što ono što je floatano desno ima fixnu širinu
Carr: to je i meni palo na pamet, kao što kažeš nije bulletproof ali možda bude koristilo
Keye: fundamentalna mana toga je što moram specificirati taj tvoj margin-left, a to si ne mogu dozvoliti pošto ne znam kolika je slika
Izgleda da CSS jednostavno nije za to. Ako želim da content (u ovom slučaju slika) rasteže kolumne jednostavno ću morati koristiti tablicu za ovaj layout. Jedna tablica za multicolumn layout nije toliko zlo ako je nužna, zlo postaju nestane tablice za layout. |
|
|
Back to top |
|
|
Gale
Joined: 04 Apr 2005 Posts: 120
|
Posted: 29.03.2006 13:30 Post subject: |
|
|
uvijek to možeš riješiti server side 500 - getimagesize($slika) |
|
|
Back to top |
|
|
carr
Joined: 13 Nov 2003 Posts: 1397 Location: Karlovac
|
Posted: 29.03.2006 14:45 Post subject: |
|
|
Gale wrote: | uvijek to možeš riješiti server side 500 - getimagesize($slika) |
genijalno.
nemogu vjerovat kolko sam tupav da se ovog nisam sjetio. |
_________________ Bolje biti malo lud, nego malo pametan. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 29.03.2006 15:26 Post subject: |
|
|
Gale: mislio sam client side (javascript) jer mi je server side malo skupo
Ali počeo sam spremati uz slike u bazu i njihove dimenzije pa mogu napraviti i taj select ako budem odlučio podržat i ljude sa isključenim |
|
|
Back to top |
|
|
pepa.UP
Joined: 10 Sep 2003 Posts: 15 Location: zagreb
|
Posted: 29.03.2006 17:53 Post subject: |
|
|
ak ti nije bitan safari, probaj ovaj css na svom primjeru
Code: | body { text-align: center; }
#wrap { text-align: left; width: 500px; margin: 0 auto; border: 1px solid #999; }
#sid { display: table-cell; float: none !important; float: left; background-color: #eee; }
#con { display: table-cell; float: none !important; float: left; padding: 0 10px; } |
|
_________________ unpljugged.com |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 29.03.2006 19:43 Post subject: |
|
|
Ou jea, to je rješenje!
A kaj se desi u safariju?
The thing is, nisam se ni usudio igrat sa table-cell jer sa time uvijek problema sa IE, ali vidi se da si to raščistio.
Sad idemo to primijenit na pravi svijet, pa vidjet kako se drži - report stiže! |
|
|
Back to top |
|
|
Gale
Joined: 04 Apr 2005 Posts: 120
|
Posted: 29.03.2006 23:41 Post subject: |
|
|
Vidim na onom linku da si sredio ali evo jednog lošeg rješenja:
var slika = document.getElementById('slika').width;
document.getElementById('con').style.width = 500 - slika + 'px'; |
|
|
Back to top |
|
|
retro_one
Joined: 16 Sep 2003 Posts: 880 Location: DUBRAVA.
|
Posted: 30.03.2006 09:36 Post subject: |
|
|
Sulien wrote: | Ali počeo sam spremati uz slike u bazu i njihove dimenzije pa mogu napraviti i taj select ako budem odlučio podržat i ljude sa isključenim |
Kao BLOB ili samo lokaciju? |
_________________ Just your average eccentric programmer. |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 30.03.2006 11:12 Post subject: |
|
|
BLOB... hehe |
|
|
Back to top |
|
|
|