Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Kako da tabelu zamenim sa divovima?

[es] :: Web dizajn i CSS :: Kako da tabelu zamenim sa divovima?

Strane: 1 2

[ Pregleda: 5691 | Odgovora: 26 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Kako da tabelu zamenim sa divovima?30.03.2009. u 21:35 - pre 183 meseci
Pozdrav svima. Napravio sam jednu html stranicu koristeci tabelu, ali zelim da ne koristim tabele vec samo divove. Pocetnik sam sa css-om i pokusavao sam napraviti ovo bez tabele ali nikako mi ne ide. Pomucio sam se bas dosta, a verujem da je za nekoga ko poznaje css ovo jako prosto. Pa ako bi mi neko samo malo pomogao kako da tabelu zamenim sa divovima i napravim bas ovakvu strechabilnu stranicu.
Stranicu mozete preuzeti i pogledati na www.strictsystem.com/pomoc.html
djLapac
 
Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)


+2 Profil

icon Re: Kako da tabelu zamenim sa divovima?30.03.2009. u 23:33 - pre 183 meseci
Tebi treba ovako nešto:

Zakačio sam ti uradjen layout, ovo je uradjen primer prema mnogim layoutima koji se nalaze na adresi http://blog.html.it/layoutgala/ prouči date layoute sa ove stranice, zatrebaće ti...


Prikačeni fajlovi
 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 07:03 - pre 183 meseci
Hvala ti. Ova strana je extra. Puno mi je pomogla da ukapiram kako se rasporedjuju divovi. Ali ono sto meni treba i sto jos uvek ne mogu da napravim jeste da mi centralni div bude strecabilan, tj da mi futer uvek bude zakucan za dno ekrana, a da sredisnji div ima scrol ako ima veci sadrzaj. ja sam to napravio sa tabelom, ali sa divovima ne umem jos uvek, pa ako moze samo mala pomoc oko css-a. Ja sam pokusao da stavim za taj div da je height: 100% ali ne ide. Onda sam stavio da mi je body 100% ali ni to ne ide. Ne znam gde gresim.

djLapac
 
Odgovor na temu

virtualVoid

Član broj: 161084
Poruke: 698



+28 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 11:30 - pre 183 meseci
Mislim da scroll mozes samo preko frameova koji su prastari i neprijatelji web crawlera. osim toga, osnovna namjena DIV-a je da se koristi kada ne znas sirinu i duzinu rubrike. nemoj se uciti naopako. ako vec zelis da npr. naslovna stranica cijela udje u ekran, onda je ostavi takvom, a dalje linkuj sadrzaj na rastezljive stranice.
...
 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 11:52 - pre 183 meseci
Mislim da nisam dobro objasnio. znaci meni je samo potrebno da na ovoj sada stranici sa divovima sto je snake_master napravio centralni div bude 100%, to jest da footer bez obzira koliko ima sadrzaja u centralnom divu uvek bude zakucan na dnu ekrana. Mislim da to moze da se napravi i bez frejma.


djLapac
 
Odgovor na temu

Tudfa
Jovicevic Vladimir

Član broj: 152699
Poruke: 384
*.dynamic.sbb.rs.



+3 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 11:59 - pre 183 meseci
@nzeki

A šta fali tabelama dokle god možeš da postigneš željeni izgled ? Postoje neki baš cool sajtovi čiji je layout uradjen u tabelama

@virtualVoid

Može da se napravi i skorolujući div pomoću overflow property-a...Samo definišeš fiksnu visinu tog diva i postaviš overflow na auto.

pozZ


 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 12:15 - pre 183 meseci
Ovako, meni treba da kada otvorim ovu stranicu, footer bude uvek na dnu ekrana, a ako uzmem na primer da smanjujem prozor browsera footer uvek ostaje na dnu, a header na vrhu, a samo se centralni div skuplja i siri. Ne verujem da to ne moze preko css-a da se resi. Ako moze preko tabele mora da moze i preko divova.
djLapac
 
Odgovor na temu

virtualVoid

Član broj: 161084
Poruke: 698



+28 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 12:29 - pre 183 meseci
Citat:
Tudfa:
@virtualVoid

Može da se napravi i skorolujući div pomoću overflow property-a...Samo definišeš fiksnu visinu tog diva i postaviš overflow na auto.

pozZ


Cool! :D

@nezki
Pozicija absolute, podesis TOP. A onda napravis skrol efekt na nacin kako je rekao tudfa.


...
 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 12:37 - pre 183 meseci
Skrol meni nije bas toliko bitan, zaboravite skrol to ja umem da napravim samo overflow: auto i to je sve sto mi treba, mene muci to sto ne mogu nikako da namestim, da mi footer bude na dnu stranice, znaci da bez obzira da li imam sadrzaj u centralnom divu ili ne on bude 100% a samim tim footer bude na dnu prozora. i kako se siri i skuplja prozor samo se siri i skuplja centralni div. kao sto je ona moja stranica sa tabelama kada se otvori u mozili.
djLapac
 
Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)


+2 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 13:09 - pre 183 meseci

Baš si me zainteresovao, i evo probao sam, za ovo kratko vreme koliko sam eksperimentisao, mislim da ne može (radovaću se ukoliko me neko ispravi)

(Razmišljam naglas:)):

Meni je palo na pamet da div Footer ima "position: absolute; bottom: 0;" ali u odnosu na šta je bottom: 0;??? ako je u odnosu na "body" onda se body završava gde se i footer završava tako da ta mogućnost otpada... U odnosu na html nije moguće...
A ako bi imali neki div "container" opet bi njegov završetak bio posle ili pre "footera" (opet u zavisnosti od sadržaja a ne veličine browsera).

(kraj razmišljanja:)

Uh, zabole me glava... :D

A onda se setiš jednog linka!

Postoji i jedan css trik. Zove se sticky footer, nisam mnogo eksperimentisao sa njim, ali evo ti link pa pogledaj:

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/


pozdrav :)
 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 13:52 - pre 183 meseci
Evo pokusavam i ja.
Ma nema sanse da se napravi. POkusavam da napravim stranicu koju si ti uradio da joj footer bude na dnu ali nema sanse. Jeste da na ovom linku ima odradjeno nesto slicno ali nema sanse da se ova stranica koju si ti uradio da se napravi da footer bude na dnu prozora.
ako neko napravi svaka mu cast, ja cu ipak izgleda morati da koristim tabele.

djLapac
 
Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)


+2 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 17:40 - pre 183 meseci

Offtopic:
Ne znam da li ti je to baš toliko važno da ti footer uvek bude vidljiv i zalepljen za dno browsera. Pogledaj samo sve sajtove koji su rađeni u skorije vreme uglavnom su optimizovani prema velikim rezolucijama i sa sasvim drugačijim izgledom layouta.

Pogledaj: http://www.cssmania.com videćeš kakav je trend izrade izgleda web stranica...

 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 18:49 - pre 183 meseci
Tako se trazi od mene. Meni je generalno ovo glupa ideja ali moram da napravim bas tako.
djLapac
 
Odgovor na temu

jablan

Član broj: 8286
Poruke: 4541



+711 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 18:57 - pre 183 meseci
Jesi gledao Google: "css footer at bottom"?
 
Odgovor na temu

nezki
Miodrag Lapcevic
Beograd

Član broj: 101503
Poruke: 438
212.200.65.*

Sajt: www.websolutions.co.rs


Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 19:03 - pre 183 meseci
Nasao sam ja puno primera na netu, ali ovo sto sam ja opisao ne moze nikako da se namesti, a deluje skroz lako.
djLapac
 
Odgovor na temu

valjan
Janko Valencik
Software Deployer
Schneider Electric
Novi Sad

Član broj: 158605
Poruke: 3531
*.dynamic.sbb.rs.



+553 Profil

icon Re: Kako da tabelu zamenim sa divovima?31.03.2009. u 22:26 - pre 183 meseci
Moze se footer "zakucati" uz donju ivicu ekrana ali uz pomoc JavaScripta, tako sto se proracuna polozaj u zavisnosti od zeljenih koordinata gornjeg levog coska DIVa i dimenzija prozora i dodeli vrednost CSS parametrima left i top:

Code:
    myFooter = document.getElementById(imeDivFootera);
    myFooter.style.left = this.x + 'px';
    myFooter.style.top = this.y + 'px';


A koordinate X i Y racunas po sledecoj formuli (verzija za IE6):

Code:
    this.x = x-document.body.scrollLeft-window.screenLeft;
    this.y = y-document.body.scrollTop-window.screenTop;


Verzija za ostale browsere:
Code:
    this.x=x+window.screenX+(window.outerWidth-window.innerWidth)-window.pageXOffset;
    this.y=y+window.screenY+(window.outerHeight-24-window.innerHeight)-window.pageYOffset;


Koristio sam nesto slicno za pozicioniranje & pojavljivanje "pop-up" div-a kada se misem predje preko "vruce tacke" na stranici, pa se nadam da ces moci da ga preradis i upotrebis u tvom primeru.
 
Odgovor na temu

DzemaludinPerajic
Self-Unemployed
Arandjelovac

Član broj: 160572
Poruke: 30
*.neobee.net.

Sajt: www.agencijanetmark.com


Profil

icon Re: Kako da tabelu zamenim sa divovima?01.04.2009. u 01:24 - pre 183 meseci
Moze i pomocu CSS-a samo sto ima jedan mali problem :), ali o njemu cemo kasnije...

Tom div-u (id=footer ili kako god...) koji hoces da "zakucas" na dno strane odredi u css-u:

#footer {
position: fixed;
bottom: 0;
}

i to je to...

osim, sto verovatno i nagadjate, u IE 6 ta fora uopste ne radi i taj div se ponasa kao da ste umesto 'fixed' stavili 'absolute', tj. div se nalazi na dnu cele strane.
Hack za IE6 nisam nasao (a trazio sam...) i jedino sto sam nasao jeste savet da za tu grupu ljudi koja koristi IE 6 napravite stranu koja ce da izgleda drugacije ali ipak prihvatljivo. Mada, to bas i nije neko resenje jer u Srbiji jos uvek veliki broj ljudi koristi IE 6 zbog toga sto dolazi sa samim XP-om i tako dalje...
 
Odgovor na temu

ksrele
Programer - informatičar
Gold Drink D.O.O. Subotica
Subotica

Član broj: 14253
Poruke: 1642
93.86.224.*

ICQ: 66444502


+47 Profil

icon Re: Kako da tabelu zamenim sa divovima?01.04.2009. u 01:29 - pre 183 meseci
I ja sam hteo da ti predlozim JS (JavaScript) ali sam cackao onaj primer sa linka i resio ti nesto ovako:

layout.css
Code:

* {
    margin: 0;
}
html, body {
    height: 100%;
}
 .wrapper {
    min-height: 100%;
    /*height: auto !important;*/
    height: 100%;
    margin: 0 auto -4em;
    overflow: auto;
    background-color: #87A324;
}
.footer, .push {
     height: 4em;
     background-color: #A7A384;
}

test.html
Code:

<html>
     <head>
         <link rel="stylesheet" href="layout.css" />
     </head>
     <body>
         <div class="wrapper">
             <p>
              Your website content here.<br />
              fdfdglkj<br />fdgjhf<br />dfd<br />fd<br />df<br />dsf<br />
              sg<br />sdfgfds<br /><br />gfd<br />gfs<br />
              g<br />dfg<br />sfgsd<br />gsd<br />gsd<br />g<br />dg<br />
              fdg<br />fdg<br />fdg<br />dfg<br />df<br />
              gdf<br />ghdf<br />ghf<br />dhdg<br />hd<br />gdh<br />
              dfg<br />fg<br />fs<br />gfds<br />g<br />agfdsg<br />
              sdg<br />sdg<br />sdagsd<br />gsg<br />sdgsdg<br />dgds<br />
              gsdg<br />dg<br />sdg<br />dsg<br />sdg<br />
              dfdg;lkj<br />fdgjhf<br />dfd<br />fd<br />df<br />dsf<br />
              sg<br />sdfgfds<br /><br />gfd<br />gfs<br />
              g<br />dfg<br />sfgsd<br />gsd<br />gsd<br />g<br />dg<br />
              fdg<br />fdg<br />fdg<br />dfg<br />df<br />
              gdf<br />ghdf<br />ghf<br />dhdg<br />hd<br />gdh<br />
              dfg<br />fg<br />fs<br />gfds<br />g<br />agfdsg<br />
              sdg<br />sdg<br />sdagsd<br />gsg<br />sdgsdg<br />
              dgds<br />gsdg<br />dg<br />sdg<br />dsg<br />sdg<br />
             </p>
             <div class="push"></div>
         </div>
         <div class="footer">
           <p><img src="footer.jpg" /> Copyright (c) 2009 By Srele</p>
        </div>
    </body>
</html>

Tajna je u slici (footer.jpg) koja se nalazi u footeru koja skriva sadrzaj glavnog diva. Slika ne sme biti veca od samog diva!
Pazi, probano je u Mozilli i lepo radi. Onaj gorniki div i one sa strane nisam pokusavao da stavim ali kontam da ti to nece biti problem.
 
Odgovor na temu

ksrele
Programer - informatičar
Gold Drink D.O.O. Subotica
Subotica

Član broj: 14253
Poruke: 1642
93.86.224.*

ICQ: 66444502


+47 Profil

icon Re: Kako da tabelu zamenim sa divovima?01.04.2009. u 01:43 - pre 183 meseci
Probao sam, radi i u IE-u.
Evo ti i primer. Nije idealan ali je OK :)
Prikačeni fajlovi
 
Odgovor na temu

snake_master
Čačak

Član broj: 18087
Poruke: 402
*.ptt.rs.

Sajt: Trenutno nemam:)


+2 Profil

icon Re: Kako da tabelu zamenim sa divovima?01.04.2009. u 13:06 - pre 183 meseci
Evo ga! Prepravljen sticky footer na onaj primer što sam uploadovao... Nadam se da je sad dobro. Provereno radi u IE6.

Fora je u tome da se:

Code:
html, body {height: 100%; }  /* kao što je vec dato u primeru "Sticky footer"  */


Sledeća bitna stavka! Da se kao što je DzemaludinPerajic rekao stavi:

Code:
#footer {position: fixed; bottom: 0;}


A za IE6 sledeća fora:

Code:
* html #footer {position: absolute;}


Ako sam dobro shvatio iz onoga što sam pročitao na netu: zbog html, body {height: 100%},
IE6 "position: absolute;" vidi kao "position: fixed;"


Nadam se da je to ono pravo :)

Prikačeni fajlovi
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Kako da tabelu zamenim sa divovima?

Strane: 1 2

[ Pregleda: 5691 | Odgovora: 26 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.