(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
09. 02. 2007. | #1 |
Predrag Supurović
Grand Master
Datum učlanjenja: 24.01.2006
Lokacija: Užice
Poruke: 791
Hvala: 3
200 "Hvala" u 12 poruka
|
CSS - elastične kolone kao tabela
Opet sam se zaglavio na jednom problemu.
http://www.predanje.com/ Na nslovnoj strani je pregled knjiga, slozen po kolonama. Broj kolona treba da se menja zavisno od toga koliko prostora ima (sirina kolone je nepromenljiva). Uspeo sam to da postignem ali tako sto sam svakom DIV-u u kome su podaci o jednoj knjizi zadao nepromenljivu i sirinu i visinu. Pojavljuej se problem sto se po visini pojavljuje mnogo beline, jer neke knjige imaju krace, a neke duze opise. Hteo bih da napravim da se visina div-a podesava tako da odgovara najvisem div-u u datom redu.
__________________
Peđina beležnica (blog) - www.uzice.net - wireless.uzice.net - www.vokabular.org - www.vodic.net - forum.uzice.net |
09. 02. 2007. | #2 |
Zoran Mihailović
Na probnom radu
Datum učlanjenja: 30.09.2006
Lokacija: Beograd
Poruke: 41
Hvala: 1
259 "Hvala" u 1 poruci
|
Mozda nisam dobro skapirao problem, ali opet... mozda ti ovo pomogne bar malo:
http://www.positioniseverything.net/...le/equalheight http://chrisjwilliams.co.uk/Towering...olumnFinal.htm E sad, ja ovo nisam probao, ali mozda ti posluzi kao "inspiracija" at least. |
09. 02. 2007. | #3 |
Predrag Supurović
Grand Master
Datum učlanjenja: 24.01.2006
Lokacija: Užice
Poruke: 791
Hvala: 3
200 "Hvala" u 12 poruka
|
Razlika je sto je u primeru koji si dao unapred odredjen broj kolona, a ja zelim da se broj kolona menja zavisno koliko prostora ima. Probaj sajt koji sam da, kako menjas sirinu prozora citaca tako se menja broj kolona.
__________________
Peđina beležnica (blog) - www.uzice.net - wireless.uzice.net - www.vokabular.org - www.vodic.net - forum.uzice.net |
09. 02. 2007. | #4 |
Designer guy
Wrote a book
|
Probaj ovu moju tehniku u kombinaciji sa resolution dependant layoutom.
|
09. 02. 2007. | #5 |
Goran Pilipović
Sir Write-a-Lot
|
Ništa od predloženog ne pomaže ovde, mene samo interesuje da li ti hoćeš da "pojedeš" beline unutar div-ova ili ono rastojanje od najnižeg do najvišeg? Nije ovo lako, i mislim da teško može bez javascripta.
__________________
Goran Pilipović a.k.a. Ugly Fingers Bradley f.k.a. bluesman I don't always know what I'm talking about but I know I'm right! |
09. 02. 2007. | #6 |
Designer guy
Wrote a book
|
OK, znači ti hoćeš da imaš razl. broj kolona u zavisnosti od širine browsera? Za to ti je koristan onaj resolution dependant layout.
Što se tiče visina: zašto si postavio fiksnu visinu? Kôd:
<div class="omotac"> <div class="knjiga-spisak"> <a href="http://www.ims-books.com/doc/templates/../jeromonahserafimrouz.php"><img src="http://www.ims-books.com/doc/templates/img/ovojetvojdom.jpg" alt="Ово је мој дом - житије Серафима Роуза" width="200" height="303" hspace="5"> <h1>Ово је твој дом</h1> <h2>Житије и изабрани текстови јеромонаха Серафима Роуза - преподобног Серафима Платинског</h2></a> <p class="isbn">ISBN 86-905075-0-7<br> (21 cm, 160 стр, друго допуњено издање)</p> <h3>Књига садржи животопис јеромонаха Серафима Роуза – преподобног Серафима Платинског, сећања савременика на њега, као и његова изабрана писма и текстове који до сада нису били објављени на српском језик</h3> </div> <div class="knjiga-spisak"> </div> <div class="knjiga-spisak"> <p><em>С. Епифанович</em><br> <strong> Преподобни Максим Исповедник и византијско богословље</strong><br> (21 cm, 160 стр, у примпреми)</p> <p> <em>Св. Марко Ефески</em><br> <strong>Дела </strong><br> (21 cm, 150 стр, у припреми)</p> <p><em>Св. Димитрије Ростовски</em><br> <strong> Летопис – Историја света од Постања до Рођења Христовог</strong><br> (21 cm, 450 стр, у припреми)</p> </div> </div> Kôd:
.omotac{ width:100%; overflow:hidden; } .knjiga-spisak{ float:left; ... } Nadam se da sam nabo šta ti je u stvari problem. |
09. 02. 2007. | #7 |
Zoran Mihailović
Na probnom radu
Datum učlanjenja: 30.09.2006
Lokacija: Beograd
Poruke: 41
Hvala: 1
259 "Hvala" u 1 poruci
|
Da, a lepo pise da su kolone nepromenljive sirine. Da sam ranije procitao...
Mislim da je bluesman u pravu i da ovo elegantno moze samo sa javasriptom. Jedino sto mi jos pada na pamet (a da ne koristis js) je da uradis ovo kako je Dragan napisao (svaka kolona ima klasu koja je float-uje levo, a sve koje pripadaju u odgovarajucu grupu su wrap-ovane klasom "omotac"). Ali tada postoji problem kada je neka od kolona visa (zbog sadrzaja) od onih koje se nalaze u istoj vrsti, a kojima prethodi. (primer, skroz na brzinu: www.perfectlounge.com/dpt/) Skroz neelegantno, ali bi mozda "nekakvo" resenje bilo da na serveru imas neki word (bolje char-count) sadrzaja kolona, pa da tako probas da tako odredis pribliznu visinu kolona i da ih redjas od najmanje ka najvecoj. Ali mislim da je to jako nategnuto, a i pitanje je na sta bi to licilo. Jedino ako Dragan ima jos nesto "u rukavu", ja nisam taj (css) kalibar. |
10. 02. 2007. | #8 | |
Predrag Supurović
Grand Master
Datum učlanjenja: 24.01.2006
Lokacija: Užice
Poruke: 791
Hvala: 3
200 "Hvala" u 12 poruka
|
Citat:
__________________
Peđina beležnica (blog) - www.uzice.net - wireless.uzice.net - www.vokabular.org - www.vodic.net - forum.uzice.net |
|
10. 02. 2007. | #9 |
Ivan Dilber
Sir Write-a-Lot
|
resenje je da sav sadrzaj svedes na istu (maximalnu) duzinu, i dodas link Read more >>
ionako ovakav ogroman tekst samo smeta, smanjuje preglednost..
__________________
Leadership is the art of getting people to want to do what you know must be done. |
10. 02. 2007. | #10 |
I'm a PC too.
Wrote a book
Datum učlanjenja: 05.06.2005
Lokacija: Kanada
Poruke: 1.354
Hvala: 82
130 "Hvala" u 89 poruka
|
Peđa, a jesi li razmišljao da koristiš baš tabelu? Ovo u biti jeste tabela, ja ne vidim da trebaš po svaku cenu da ih izbegavaš.
__________________
Commercial-Free !!! |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
Mapiranje vrednosti atributa na kolone ili redove? | Petar Marić | SQL baze podataka - Sponzor: Baze-Podataka.net | 3 | 18. 10. 2008. 22:35 |
phpbb i sql tabela | pitchweis | Sva početnička pitanja | 3 | 08. 02. 2008. 07:05 |
tabela-problem | mirko | Sva početnička pitanja | 6 | 03. 12. 2007. 12:47 |
CSS LAYOUT: 4 fiksne kolone? | maksim | (X)HTML, JavaScript, DHTML, XML, CSS | 4 | 21. 04. 2007. 19:31 |
tri kolone, dve kolone :) | z.zoran | (X)HTML, JavaScript, DHTML, XML, CSS | 14 | 02. 03. 2007. 14:17 |