Evi

mefisto: tu vispaar saproti, ko tu raksti, tas ir bullshits, tu vispaar esi lasijis kko par css, ja tu cilv iesaki rakstiit ko taadu ??

Tapeec ka tev galvenaa izveelne neieiet tai tai txt daljaa, tb par mazu width.

Evi, varbūt pirms dod citiem padomus, iemācies kaut ko:

http://www.htmldog.com/guides/htmlintermediate/badtags/

Es tikpat labi varu atrast rakstu, kur b tags nekaadaa zinjaa nav mineets kaa badTag! Bet ar tevi par sho es negribu diskuteet :P

htmls/css iskataas shaadi, taa lai tie apaljie stuuri vareetu ar uz leju un augshu staigaat, atkariibaa no contenta daudzuma kastiitee. Kods nav notesteets, bet nu prncips ir

<div class="box">
   <div class="inner">
       <h2>Statistics</h2>
       <div class="content">
           <p><b>Currently online</b>
               <br />
               3454645
               <b>Registered users</b>
               <br />
               657657</p>
       </div>
   </div>
</div>

 

.box{

padding:0;

margin:0;

width:120px;

background:url(top-bg.gif) 0 0 no-repeat;

}

.box .inner{

padding:0;

margin:0;

width:120px;

background:url(bottom-bg.gif) 0 bottom no-repeat;

}

.box h2{

padding:10px;

margin:0 0 10px;

color:#FFF;

background:blue;

font-size:12px;

font-weight:bold;

}

.box .content{

padding:0 10px 2px;

}

.box p{

padding:0;

margin:0 0 10px;

color:#000;

font-size:12px;

line-height:140%;

text-align:center;

}

 

vnk float:left; jaapieliek, lai buutu bloki kaa bildee vienaa liinijaa, nu un beigaas jaanokliiro floati

.tabuula {

float;left;

}

http://ryanfait.com/sticky-footer/

sheku piemeers,lai dabuutu div 100% augstumaa, ceru ka pats izdomaasi kaa bez footera uztaisiit vai ja tev vajag width:100%..

text-align: center;

tikai pie nosaciijuma, ka li tev buus display:inline vai display:inline-block;

uzliec td padding top bottom

Nee, liec tos apaljos stuurus kaa bildi, tikai sadali bg divaas daljaas, lai var garaakus un iisaakus txt ierakstiit.

Te varbuut to bildi vajag taisiit transparentu ? Atziimee tai jaunajaa logaa ar kjeksi transp.

Photoshopaa bilzhu grieshanai ir domaats slice toolis, ieziimee ar to apgabalu, ko gribi izgriezt un ej uz file -> save for web devices. Atveersies logs un tajaa vari noraadiit kadaa formaataa veelies saglabaat bildi, kaa jpg vai png, vai gif. Ar gradientu visdriizaak buus png24, lai buutu augsta kvalit.

Netaa ir daudz visaadi tutorialji: http://www.mediacollege.com/adobe/photoshop/tool/slice.html

http://www.electrictoolbox.com/jquery-change-default-value-on-focus/

sheku ar jQuery labs piemeers.

$("ul#topnav li").hover(function() {

bet

$("ul#topnav li").click(function() {

Lai dabuutu apaljus stuurus preciizi no designa, tad ir jaaliek 4tri div viens otraa un katraa div-aa katra stuura image. Tas straadaas visos browseros.

tu pats paarbaudiji, kaa tas kods izskataas ? no vinja neko nevar pateikt ! Ir vajadziigs PILNIIGI VISS kods, lai vareetu atrast kljuudu !

baa tu pat nevari iedot normaalu kodu, nuun kur tev ieksh taa css faila ir #menu li piemeram, un tad man ir jaaliek pashai kas tev staav ieksh <?php include('include/menu.txt'); ?> ????!!!!

taa gruuti pateikt, slinkums skatiit tavu garo kodu, tu nevari tos failus salikt kkur internetaa? Tad jau noteikti tev vareetu paliidzeet, jo moshk tai sidebaaraa ir probl nevis menu.

Lai darbotos margin: 0 auto;, tad tev ir jaaiedod width, tagad izkataas, ka tu esi nocentreejis menu ar width pa visu lapas platumu, uzliec mazaaku width un redzeesi, ka tev tas platums nocentreesies.

Bet vispaar, lai nocentreetu menu ar li, bez konkreeta width, tad jaataisa li kaa display:inline-block, bez floata, uz uz to darbosies vnk text-align: center;

tev tur kkaada tagu zupa. kas tie par <tr> bez tables ?

Kur nobiitijis uz leju ?

div.footer pieraksti position:reletive, vai pret kurieni tu veelies about un contact divus pozicioneet?

hh ieliec objektu ieksh div-a :>

ko tu iisti gribi panaakt? varbuut tu gribi a vienaa rindaa? tad tev a ir vainu display:inline, vai float:left jaataisa

Iesaku:

http://perishablepress.com/press/2008/05/1...net-explorer-6/

border-collapse:collapse

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..