Tableless dizajn, prvi put

[croatius]

Evo slozio sam prvi put tableless stranicu s div/css i dobro bi mi doslo malo savjeta.
Dali je tocno strukturirano?
Kako poboljsati?
Greske?

http://pastebin.com/mce3645a HTML
http://pastebin.com/ma122ced CSS


Last edited by croatius on 07.10.2007 21:35; edited 1 time in total

[nel`chee]

uploadaj normalnu stranicu negdje, nismo svi Neo da možemo vizualizirati točno kako izgleda gledajući kod.

[monkey]

nel`chee wrote:

uploadaj normalnu stranicu negdje, nismo svi Neo da možemo vizualizirati točno kako izgleda gledajući kod.

Yup složio bih se.

[Jay-S]

ja vec vidim da boluje od divitisa

[croatius]

sorry, trenutno je local

[Jay-S]

ajme, pa daj site uplodan na internet (ftp), ne sliku... cccc

[croatius]

Jos sam daleko od stavljanja dizajna na forum kritiziranje. Trenutno me zanimaju vasa misljenja html i css kodu.

[Moebius]

Umjesto ovog:

Code:

<div class="boxlink"> <a href="#cms">CMS Login</a><br /> <a href="#">Valid XHTML</a><br /> <a href="#">Kontakt</a><br /> </div>

pokusaj recimo ovako:

Code:

<div class="boxlink"> <p><a href="#cms">CMS Login</a></p> <p><a href="#">Valid XHTML</a></p> <p><a href="#">Kontakt</a></p> </div>

ili ovako:

Code:

<div class="boxlink"> <ul> <li><a href="#cms">CMS Login</a></li> <li><a href="#">Valid XHTML</a></li> <li><a href="#">Kontakt</a></li> </ul> </div>

daje ti vise slobode kod kontrole ispisa u odnosu na BR tag koji nije nista drugo doli prelaz u novi red.
Ovako mozes dograditi CSS za varijantu s paragrafima npr.:

Code:

.boxlink p {     padding-bottom: 10px; }

i imas potpunu kontrolu nad razmakom izmedju pojedinih stavki, linkova u tvojem slucaju, samo primjera radi.

[croatius]

Hvala Moebius, vec promijenjeno

[libero]

poanat tableless-a nije da

tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td tr td

zamijeniš sa

div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div

ali thumbsup for trying

[strija]

Nije dobro strukturirano. Za headlineove su <h1>, <h2>, <h3>..., za paragrafe <p>. Ako imas neku listu linkova uzimas <ul>. Uglavnom previse divova i class-a

[keye]

ja bi koji ID ako moze....

tvoj html mi lici na nas backoffice, svaki dan proklinjemo tipa koji ga je napravio pa otisao iz firme

[croatius]

hehe hvala svima, idem se malo truditi..