|
valjan
Janko Valencik
Software Deployer
Schneider Electric
Novi Sad
Član broj: 158605
Poruke: 3531
*.dynamic.sbb.rs.
|
Ovako: zamenis sve table tagove sa div, sve tr sa div, i sve td sa div (isto treba da uradis kasnije i sa th, on nije trenutno toliko bitan u celoj prici) - ne zaboravi da zamenis i otvarajuce i zatvarajuce tagove. Div kojim si zamenio table stavis da je neka css klasa "tabela", onaj za red stavis da je neka klasa "red", prve dve kolone neka imaju svoju zasebnu klasu "prveDveKolone", a ostale neka budu klasa "kolona". Ovo sve mozes lako i brzo odraditi sa par replace-ova u editoru.
Za klasu tabela postavis u pixelima height, width, top, left; overflow postavis na scroll, podesis border, margine i ostalo, stavis mu z-index na najveci broj (recimo 10).
Za klasu red postavis u pixelima height (10.000-ti deo visine tabele, jer ces toliko imati redova, obrati samo paznju da uracunas i sirine margina, paddinga i bordera), width koja ce biti ista kao za klasu table i z-index koji je manji od onog za klasu tabela (recimo 8).
Za klasu prveDveKolone postavis u pixelima height (ista vrednost kao za red) i width (50-ti deo sirine reda), z-index na manju vrednost od onog za red (recimo 6), postavis background-color, i stavis da je position:fixed (ovo nece raditi u starijim verzijama IE pre sedmice, postoji trik kako da se i starije verzije IE nateraju da ga koriste, ostali browseri rade sa ovim bez problema), i zatim u svaku od celija za ove dve kolone pomocu style stavis koordinate u pixelima za top i left (posto vec kreiras sve iz php-a, jednostavnom matematickom operacijom sa brojacem "i" iz for petlje mozes ovo lako da postignes za sve redove).
Za klasu "kolona" postavis u pixelima height (ista vrednost kao za red) i width (50-ti deo sirine reda), z-index na manju vrednost od onog za klasu prveDveKolone (recimo 4), position:relative, float:left i zatim u svaku od celija za ove preostale kolone pomocu style stavis koordinate u pixelima za top i left (vazi ista napomena za mnozenje brojaca "i" u PHP-u odredjenim koeficijentom i stavljanjem rezultata za vrednosti top i left). Naravno ne zaboravi da podesis i fontove, jer od velicine fonta u "celijama" "tabele" zavisice i width i height.
Probao sam malo pre sve ovo u 5 browsera, IE8 me malo zezucka ali u svim ostalim radi savrseno. Sad cu da vidim sta to smeta IE, pa ako ni tebi ne bude funkcionisalo u IE probacemo zajedno da ga sredimo, korak po korak...
|
Kako da zakucam prve dve kolone u tabeli da se ne skroluju horizontalno?
