Evi

tev to4na ar table vajag? Taisi ar div!

Sheku reku piemers ar table

Es nez kaa tev tur iisti vajag, dizainiski un taa, bet tad tu vari <tabli> likt ieksh <div>, un div pieshkjirt bg un to bg nopozicioneet, like:

<div style="background:url(blume.gif) left bottom no-repeat">

<table>

..

</table>

</div>

..un tad tev buus tas div bg zem table, bet virs body bg.

atslegas vaardi googlee ir: text effects javascript

fly letters - piemeers

Tieshi ar div var uztaisiit smuku scroll, es nez labaaku variantu ;)

Piemeers naacis no shejienes alistapart.

Pasham pat nebuus nekas jaadomaa!

neenu liiniju ar <hr /> shitaa smuki var dabuut, straadaa populaarajos visos browseros:

<hr style="height:0;border:0;border-top:1px solid #F90" />

Varbuut pameegjini no css to table {} defineejumu vispaar iznjemt, tur nav faktiski neviena vajadziga defineejuma. Un to class="title" tu faktiski vari liekt ieksh <td> un <div> dzeest aaraa.

Tad lai iziet tutorialjus un uzraxta pats pa 10ls pamaaciibu. 10ls - tam jaabuut kkam ljoti elementaaram.

Kur var kkas tik stulbs vispaar praataa ienaakt, seezhot pie ineta!

ar position:absolute un z-index

reku tev piem de.selfhtml.org

Bet tev buutu stipri jaapiedomaa pie code vienkaarshoshanas, naf tev #main vajag vispaar? bg tu vari nodefineet arii body un buus tev fons zils.

Nu tad, ja tev tik sarezhjgiiti vajag, tad liec left1 veelvienaa divaa, kur aareejam divam nodef float:left un ieksheejam margin:0 auto.

tad nodefinee:

#left1{

float:left}

Man jaut, tu veel sarezhgjiitaaku kodu nevareeji uzraxtiit ?! Tu pats vari paskaidrot, kam tev vajag visus position:relative, absolute un z-indexus ?

tev vajag vnk photo gallery ?

collapse

cik saprotu, probleema ir ar box modeljiem, bet vispaar neiedziljinaajos ljoti, pagoogleejot var palasiit vairaak info.

firefox bug !?

nop, IE bug. FF raada pareizi ;).

nu un 'top' neliidz ?

Uzliec droshiibas peec savam smukajam bg - background:url('smuka bilde') top no-repeat; vai kaa tev vinju vajag repiitot.

tablee ir jaanoraada:

<table cellpadding="0" cellspacing="0" border="0">

un border-collapse: collapse; no css iznjem aaraa.

Es nez kapeec tas collapse taa dara.

Cik lasiits info, tad tomeet XHTML ir vairaak plusu nekaa HTML.

Kapeec tu taisi HTML, nevis ieksh XHTML ?

Ja veel vareetu saprast, ko tu tur iisti gribi.. Inetresanti kaa tas vispaar browserii izskataas :>

ja tu uzliec #right1

float:right;

position:absolute;

tad float:right tieshaam labi nestraadaa :>

Ar zobiem!