Evi

neiet runa, ka programmeetaaji kko pieliek/ ka nav vairs valiids kods, bet par struktuuru kaa taadu. 1. Kur tev ir kaads h1 h2 h3 ? 2. bildes netiek liktas kaa background ! 3. div ir paredzeets layouta wrapperiem/blokiem, nevis PILNIIGI visam !! No sematikas ir tieshi 0. 4. linkiem tomeer jaabuut :hover 5. listiem netiek izmantots ul li taas ir taadas LESSON 1 pieziimes. un veel vareetu turpinaat protams..

Taa visa lattelekom weblapa vareetu buut piemeers, kaa NEVAJAG taisiit markupu! Vieniigais pluss, ka browseros nav nobrucis layouts, bet nu codings.. sorry..

varbuut uzliec shim id="image-container" position:relative ?

Bet nu tabli var shaadi uztaisiit height:100% http://apptools.com/examples/tableheight.php

Cireiz width=kkas % paliidz, ja visiem td saliek tos %-tus.

tr.zils { background:blue } tr:hover { background:blue } // shis tev uztaisiis zilu bg, kad brauksi ar peli paari tabulas rindaam <tr class="zils"> <td>zils</td> </tr> <tr> <td>balts</td> </tr>

http://dean.edwards.name/weblog/2008/01/ie7-2/ sho JS libeeriju var izmantot un straadaas hover uz ie6 http://www.xs4all.nl/~peterned/csshover.html sheku par htc vari palasiities

ir nu gan tev veelmes, labaak padomaa kaa izdariit to savaadaak !

uzliec lielus %tus pirmaa rindaa 3.shuunai - kur ir text3, taa taas tabulas shuunas daraas, vai arii visaam shuunaam saliec width, vai meegjini visaas shuunaas ar %tiem.

IE6 var izmantot JS, lai straadaa :hover, ko bubu vienreiz deva, nez vairs linku http://dean.edwards.name/weblog/2008/01/ie7-2/ shis laikam bij

pt izmanto printeeshanai, tad jau driizaak em vai %, bet nu px jaaizskataas vienaadi visos paarluukos, ja pareizi nodefineets, em gan var atshkjirties. http://www.jameswhittaker.com/blog/article...thm-calculator/

http://php.lv/f/index.php?showtopic=12357

white-space: nowrap

http://datubazes.wordpress.com/

<table cellspacing="0" cellpadding="0" border="0"> vai table {border-collapse:collapse;}

1. http://ryanfait.com/sticky-footer/ sho piem uz 100% width nav probl uztaisiit 2. http://aktuell.de.selfhtml.org/artikel/css/footer/ te ir veel savaadaaki footeri ar piemeeriem, ja tu kkaa savaadaak domaaji

..jo cilveeki ir stulbi.

Kapeec tu <li> liec float:left, ja tev vinji ir katraa naakamaa rindaa? Ieliec varbuut visiem li vienaadus width ?

piemeers tas pac ko es tev raxtiiju, vnk tad uztaisi vienu bg bildi un ar bg-position vinju pozicionee. Bet prieksh tevis iesaakumam buus jau daudz, ja tu ar mazaakaam bildiiteem to menu uztaisiisi.

<ul> <li id="home"><a href="#" title="Go Home"><b>Home</b></a></li> <li id="tuts"><a href="#" title="Tutorials"><b>Tutorials</b></a></li> </ul> CSS: ul{ padding:0; margin:0 1px 0 0; list-style:none} li#home{ padding:0; margin:0; background:url(../img/home.jpg) left top no-repeat} li#home a{ display:block; padding:10px 20px} li#home a:hover{ background:url(../img/homeover.jpg) left top no-repeat} li a b{ display:none} pats paspeeleejies ar paddingiem marginiem, tev sanaaks bilde backgroundaa (google maacees izlasiit tavu menu) un a:hover buus mouseover efekts. Katram id pieshkjir savu bildi.

Ja linkam ieliek display:block, tad inputs aiziet otraa rindaa! Ar position:absolute linku var piedabuut vienaadaa vietaa, bet gribeejaas kkaa skaistaak :)

vertical-align inputam nedereeja, ieliku labelam float:left un iztaisnojaas. Bet ja ir links un inputs, tad ar floatu man kkaa nesanaak nostaadiit :/

hi, kaa juus novietojas txt un tam sekoloshu input vai select vienaa liinijaa, uz dazhaadiem browseriem izskataas nedaudz savaadaak. text <input />

apmeeram taa: <ul> <li><a href="#" title="blah">menu1<a></li> <li><a href="#"title="blah">menu1<a></li> ... </ul> ul{ padding:0; margin:0} ul li{ padding:5px; margin:5px; background:url(bla.gif) no-repeat} ul li a{ padding:5px; display:block} ul li a:hover{ background:url(bla-hover.gif) no-repeat} pats paspeeleejies ar paddingiem marginiem un varbuut arii li vai li a tev vajadzees height width.

Paexperimentee un skaties vairaakos browseros pie File -> Print Prewiev kaa izskatiisies uz lapas.