Vse, kar ste si želeli vprašati o CSS, pa si niste upali.

Hmnja. Nekako razumljivo ja :).

div slika uporabljam, ker tako pridobim okvirček okrog slike. float: left, je koristen v dveh primerih. Najprej mi div ne porabi celotne širine, ampak le toliko kot je široka slika + margin + padding + rob, nato pa mi tako ni treba nastavljati širine div slika, ampak avtomatsko "oblije" sliko. Tako sta ubiti dve muhi na en mah. Če bi mi pa sedaj še uspelo nekak scentrirati tole bi pa bilo to to :).

Drugače pa se zdaj mrcvarim s div le zato, da bi se znebil tabel ... če pa ne bo delovalo, bom pač prisiljen poseči spet po tabelah.

f*ck tables.

to kar si zdj razlozu je nekaj podobnega kot ce hoces da ti serviser po telefonu pove kako popravit racunalnik ki "ne dela".

Tole ni ravno CSS rešitev, ampak dela

<table align="center"><tr><td>&nbsp;</td></tr></table>

če že moraš s tabelo: table width naj bo na 100%, potem pa daš stolpec 1 in stolpec 3 fiksno širino, 2 pa pustiš brez dimenzije.

Na podoben princip se da rešit z DIVi.

Nekako podobno že imam nastavljeno in sicer width: 150px; za oba fiksna stolpca in poleg tega še width="150" v htmlju za oba stolpca. Srednji je brez vsega, ampak še vseeno ne deluje v IE. Mogoče bi moral nastaviti srednjega na procent nečesa, kot je predlagal KmelJo, ampak se mi ne zdi niti malo smiselno.

BluPhenix je seveda hotel reci

<td width="50">

torej brez px. reveza ste cisto zmedli, ker hocete stvari delati tako kot so jih delali v prejsnjem tisocletju

sploh ne, zakaj? jaz se v webdesignu ze kar dolgo posluzujem oblikovanja s cssjem in nimam vecjih problemov

Zato, da delaš tako kot je prav. Ko pridobiš nekaj izkušenj porabiš za en div postaviti pravilno ravno ene tolko časa, kot tabelo delat za vse kar rabiš. Pa pustmo ob strani, da imajo "div"i še en kup dodatnih lastnosti ki jih tabele ne premorejo.

Ja seveda je blo mišljeno brez px, hvala RacerD za opozorilo.

Je čist odvisno, s čim se je kdo več ukvarjal.
Meni sicer bolje ležijo tabele, ker se kaj preveč z div-i nisem ukvarjam, kar pa ne pomeni, da je lažje delat s tabelami.

Kar si bolj navajen, je lažje!

kdo te je pa ucu block level element v inline level element tlact? div v a pac ne gre.

ce nek element floatas avtomatsko postane block level, tako da nisi nicesar spremenil. upam seveda da razumes razliko med block level in inline level elementi. ce ne, je na w3 lepo razlozeno pa si preberi in mislim da ti bo hitro jasno kje je problem ;)

OK, moj problem s tabelo v IE je zdaj na spletu. In sicer bi moral biti desni stolpec, kjer piše posodobitve velik natanko toliko kot levi stolpec z menijem. Neka skrivnostna sila pa omogoči, da sta stolpca enako velika, če je tabela raztegnjena čez ekran.
Mogočni IE, klanjam se ti
Šalo na stran, ima kdo kakšno idejo, kako bi to obšel?

Sem se kar zatekel k starim dobrim dirty hackom. S CSS očitno ne bo šlo. Hvala vseeno.

html, body, div { height:100%; }

nekej tazga...

pozabi na tabelo.

ce definiras A element kot block level element, torej:

a { display:block; }

bo dobil obliko skatle. tako mu lahko nastavis border property, naprimer takrat ko gres z misko cezenj:

a:hover { border-top:1px solid red; border-bottom:1px solid green; }

za boljo podroben opis pa prosim poglej kaksen tutorial, saj so to ciste osnove. razen ce se najde kaka (pre)dobra dusa da ti to razlozi. ampak dvomim

lahko ga, samo navadno izgled malo pesa. ce text pade v dve vrstici mas naprimer dvojen border, border ni cez celotno sirino ipd :)

Dober post, HardPhuck!
To je tudi moj problem: še vedno delam v tabelah in tako tudi mislim. Za CSS + semantično/logično pravilno, pa naj bi človek razmišljal bolj oz. zgolj vsebinsko. Zdaj pa imam vedno v mislih razrez in nato tabelce ...

ampak s tem pomikas oblikovanje v html. ce se ze zgovarjas na standarde, ti trdijo da v html sodi zgolj vsebina. s tem ko pa ti fiksiras tabelo v html, pa precej omejis moznost preoblikovanja.

prav tako zna zadeva zmesti "manj sposobne" brskalnike. pa tu ne govorim o le geekih ki uporabljajo lynx, ampak tudi o ljudeh s slabsim vidom, ki se morajo zanasati na screen readerje, oziroma laze berejo neoblikovano besedilo, crno na belem.

ce imas moznosti, poskusi za primer odpreti tidve strani v lynxu, ali podobnem text-only brskalniku:
hicksdesign - pravilno oblikovanje s cssjem
3delavnica - tabele
(za silo lahko tudi v firefoxu izberes view - page style - no style)

seveda sta to dva ekstrema, zelo lepa koda in zelo grda koda. ampak najbrz vidis o cem govorim. vsebino se da zelo lepo lociti od dizajna, tako da je tudi brez njega berljiva in razumljiva.

seveda pa spet odvisno od tega kaksne so tvoje zahteve. ce ocenjujes da bo premalo takih uporabnikov, ali ne bo redesignov, pac delaj po svoje, ce pravis da je 5x manj dela (pa tudi to IMHO zgolj zaradi navad), ampak ce pa kdaj delas bolj resne projekte pa malo razmisli o tem :)

ker je to lastnost tabele, da ena celica vpliva na drugo. in ce se ena poveca se tudi druga v isti vrsti poveca.

rabil bi pomoc ker nisem ravno css vesci:(

problem je v tem, da se moja stran ne izrise enako v firefoxu in ie6 (ie7 nisem probal). zanima me predvsem kako pravilno pozicioniram svoj navigation bar in banner..ali pa kako razlikujem v kodi med razlicnimi brskalniki..

stran pravilno izgleda v firefoxu

www.myspace.com/jukeen

hvala vam za pomoc!

@m_owen
mislim, da bo rešlo tvojo težavo, če boš celici (td) dodal lastnost valign="top".

drugače pa probaj začet s cssom.. nekje sem že priporočil, pa ga bom še enkrat - ful dober video tutorial. gre od osnov, do ...nevemčesavse.. porabiš kar nekaj časa, da prideš skozi, ampak pol ti ni žal.. še zdaj, če se mi kaj zatakne, raje pogledam določeno poglavje, preden grem na w3c


add:
@juken
razlike med ff in ie se pojavljajo zaradi napačnega interpretiranja browserjev. if stavkov ni, lahko pa uporabiš npr !important, ki ga ie6 ne upošteva, ali pa s phpjem preveriš userjev browser in če je ie, zloadaš drug css. teh fint je dosti, pogooglaj.

ta myspace pa mi ni jasn, v ff ne pusti nič označit, nič zmerit, nič.. v ie6 pa zgleda čudno in je označevalno. rekel bi, da je koda zanič. ko je koda zanič, pa tud css ne štima.. lahko probavaš z različnimi fintami, dokler ne boš našel take, ki bo nardila to, kar boš hotel.

za php ta tema ni primerna. priporocam pa ti php manual.

locevanje stilov za razlicne browserje je zelo slaba navada. temu se poskusi izogibati. saj hitro pogruntas cesa ni za uporabljati, ker ni podprto, oziroma kaj se na dolocenih browsejrih prikaze narobe.

sicer pa priznam, vcasih tudi jaz kaksen detajl locim glede na browser. takrat se posluzujem tele tabele.

ko najdes brskalnik ki podpira vse w3 standarde, mi prosim javi, ker jaz ga se nisem. in kar se divov tice, ie7 podpira margine ok. tako da bi jaz iskal problem v kodi, ne v brskalniku. to da na firefoxu prikaze "pravilno" je vcaish lahko zgolj naklucje

kar se pa tvojega vprasanja tice pa, prosim preberi debato pred tvojim odgovorm. razumem da se ljudem ne da brati celotne teme, ampak lahko pa pomoje preberes vsaj zadnji post.

Sedaj imam to narejeno s tabelo. Kako bi se to na enostaven način rešilo brez nje? :) Torej radio knofi poravnani en nad drugim, v vrstici z besedilom in da je tisto modro ozadje neprekinjeno od začetka do konca odgovorov.