DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 05. 08. 2006.   #1
McChoban
član
Certified
 
Datum učlanjenja: 21.06.2005
Lokacija: Beograd
Poruke: 60
Hvala: 3
4 "Hvala" u 1 poruci
McChoban is on a distinguished road
Angry Tableless 3-col layout + tableless forms

Problem je jednostavan, dakle treba mi tableless layout s 3 kolone
(leva: fiksna, srednja: liquid, desna: fixna)
i rešenje koje će da mi prikaže isto tako tableless formu u srednjoj koloni.
Konkretno mislim na formu gde je label levo a input-i desno, a labeli su desno-poravnati, i da to bude cross-browser (barem za IE6+, Firefox 1.5+ i Operu 8+).
E sad, rešenja za jedno ILI drugo ima mali milion, manje ili više elegantnih, i probao sam mirijade, ali za jedno I drugo, zajedno, nisam uspeo.
U stvari, uspeo sam da nađem rešenje koje radi u IE 6 i Firefoxu, i njime sam trenutno zadovoljan, ali ne radi u Operi, i to me mnogo nervira (mada za praktičnu upotrebu zadovoljava, jer slabo da će iko iz Opere da gleda taj sajt, ali ipak...

Konkretno, browseri se bune oko cleara i floatova.... Sve tri kolone su nekako floatovane, i clear sme da se stavi samo footeru ili lažnoj koloni koja je ispod ovog layouta. Što je ok dok u sadržaj jedne od kolone ne dođe forma koja ima svoje floatove... Ako stavim bilo kakav clear, forma se prikaže tek ispod kompletnih sadržaja preostalih kolona (bez obzira što je taj sadržaj u drugim kolonama - forma se pozicionira tako da napravi mesta za visinu sadržaja one kolone s one strane na koju je clear). Ako skinem clear sve izgleda lepo, sem u Operi koja se ponaša kako da stoji clear:both.

Napominjem da se ne bavim mnogo dizajnom (uglavnom čukam kod na postojeći dizajn ili krpim tuđe kodove), tako da sam tek od nedavno odlučio da uskočim na strict "xhtml && tableless css" bandwagon, ali prekopao sam google uzduž i popreko i nigde nisam našao da iko pominje išta slično, i to me izluđuje... Valjda neko ovde ima neko suvislo, jednostavno, i elegantno rešenje?
McChoban je offline   Odgovorite uz citat
Staro 05. 08. 2006.   #2
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

ako u div koji je floatovan stavis formu, ona bi trebalo da se prikaze floatovana zajedno sa njim... ajd daj neki primer koda koji ne radi pa da ti kazemo gde gresis...

a umesto clear mozes da stavis i overflow:hidden; na kontejner
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
Staro 05. 08. 2006.   #3
McChoban
član
Certified
 
Datum učlanjenja: 21.06.2005
Lokacija: Beograd
Poruke: 60
Hvala: 3
4 "Hvala" u 1 poruci
McChoban is on a distinguished road
Default

Da, to je potpuno logično, ali se clear ponaša kao da uzima u obzir elemente koji su u DOM hijerarhiji siblinzi kontejneru. A to nema veze s mozgom...

Poslaću link čim osposobim stranicu (ovako mi je komplikovano da šaljem jer se sve nalazi u nekoliko templejtova).

zar overflow:hidden ne bi trebalo samo da odseče sadržaj?
McChoban je offline   Odgovorite uz citat
Staro 05. 08. 2006.   #4
McChoban
član
Certified
 
Datum učlanjenja: 21.06.2005
Lokacija: Beograd
Poruke: 60
Hvala: 3
4 "Hvala" u 1 poruci
McChoban is on a distinguished road
Default

Nekim volšebnim metodom, stvar je najednom u Operi proradila, a zakleo bih se da nijedna naknadna promena veze nije imala sa layoutom forme...
McChoban je offline   Odgovorite uz citat
Staro 05. 08. 2006.   #5
Dragan Babić
Designer guy
Wrote a book
 
Avatar Dragan Babić
 
Datum učlanjenja: 06.06.2005
Lokacija: Novi Sad
Poruke: 1.373
Hvala: 55
42 "Hvala" u 22 poruka
Dragan Babić će postati "faca" uskoro
Pošaljite poruku preko Skype™ za Dragan Babić
Default

Pogledaj layout innerpages na http://herbiv.org, IE dobija skroz fiksnu varijantu, Fx i Opera rade normalno.
Dragan Babić je offline   Odgovorite uz citat
Staro 06. 08. 2006.   #6
McChoban
član
Certified
 
Datum učlanjenja: 21.06.2005
Lokacija: Beograd
Poruke: 60
Hvala: 3
4 "Hvala" u 1 poruci
McChoban is on a distinguished road
Default

Ono što je najiritantnije kod svega, je nepredvidivo ponašanje od browsera-do-browsera, u odnosu na parent. Valjda je zamišljeno da, kako god da podesim stvari u okviru parenta (dokle god nisam ubacivao neke fiksne dimenzije ili apsolutno pozicioniranje, naravno), one bi trebalo da budu ograničene samo na taj parent, a ne da "gledaju" šta ima "okolo", ili da se, što je još gode, parent gubi i menja ponašanje u zavisnosti od (rastegljivog) sadržaja. Svako ugnežđivanje je polu-nepredvidljivo, jer u svakom momentu browser može da istripuje da "100%" nije sto posto parenta, nego, recimo, stranice, ili nekog drugog pretka (isto važi i za ostale procente, i ne, nisam se frljao marginama i borderima, i da, znam kakav je box model ).
Nije samo u pitanju (ozloglašeni) Internet Explorer... Ni ovi ostali, mnogohvaljeni browseri, se nisu proslavili. CSS je sranje od standarda (mada, boljeg nema), a podrška još gora. Mislim da ću da batalim web programiranje i bacim se na Javu. Čekao sam momenat da mi tog bude preko glave, ali mislim da je potpuno-po-standardima-i-elegantan layout onaj koji će da presudi...
McChoban je offline   Odgovorite uz citat
Odgovori



Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Oracle Forms Definicije Tipova forrest13yu SQL baze podataka - Sponzor: Baze-Podataka.net 2 21. 11. 2008. 11:42
Pomoć: CSS layout Ministar (X)HTML, JavaScript, DHTML, XML, CSS 40 22. 09. 2006. 21:40
label placement in forms, interesantan text ivanhoe Web design, Layout, User Interface 2 31. 07. 2006. 23:57
Layout poruka jablan Obaveštenja, predlozi i pitanja 9 09. 06. 2005. 17:42


Vreme je GMT +2. Trenutno vreme je 00:45.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.