CSS layout. Peruskysymyksiä.

[abg]

Moi,
Teen kaverilleni portfoliosivustoa ja samalla opettelen CSS layout tekniikkaa.

Tässä on pari hieman erilaista pohjaa mitä tein.
http://www.saunalahti.fi/~atmu/pohja/index.html
http://www.saunalahti.fi/~atmu/pohja/index2.html

Tossa index.html joustaa toi keskipalsta. index2.html siinä noi palstat on kiinteet.
Tossa index:issä oli se ongelma että en osaa määrittää tuota palstan minimi leveyttä. Että selain rupeaisi skrollaamaan kun ikkuna on liian pieni. Nyt palstat menee vain päällekkäin. Määritin keskipalstan minimi leveyden min-widht käskyllä, mutta se ei näköjään estä sitä ettei oikea palsta menisi sen päälle kun pienentää selain ikkunaa. Tossa index2 se tietty rupeaa skrollaamaan kun siinä on kakille osille määritelty kiinteä paikka, mutta se ei sitten elä ruudun resoluution mukaan.
Tossa index2 on noi yhteystiedot tuolla oikealla ylhäällä. Tohon indexiin en saanut tommosta palkkia tehtyä mikä eläisi ton ikkuna koon mukana ton oikean palsta yläpuolella.

Miltä nämä mun räpellykset näyttää?
Tämän sivun pohjalta olen koittanut tota väsätä http://www.glish.com/css/home.asp

Jos voisitte suositella jotain kirjallisuutta tai hyviä sivuja jossa olis jotain yksinkertaisi tutoreita niin olisi todella kiitollinen.

[Jamac]

Syvästi pahoillani etten jaksa ruveta miettimään mitään, jostain syystä on nyt lievästi sanoen kurkku täysi html-systeemiä ylipäätään

Mutta sen verran että...

Koodi: Valitse kaikki

<A class="otsikko" href="clothing.html">clothing</A><br><br>

...<A> kaikki tagit pienillä kirjaimilla ja <br> tagit <br /> näin, jotta olisi oikeaa xhtml:ää.

[Juhani L]

Jos voisitte suositella jotain kirjallisuutta tai hyviä sivuja jossa olis jotain yksinkertaisi tutoreita niin olisi todella kiitollinen.

• listojen kesytys
• listojen kesytystä
• sivulayoutreseptejä
• lisää sivulayoutreseptejä
• floatit haltuun

Tässä vähäinen osa, jotka poimin linkkivalikoimista.

Syvästi pahoillani etten jaksa ruveta miettimään mitään, jostain syystä on nyt lievästi sanoen kurkku täysi html-systeemiä ylipäätään

Olen valitettavasti samassa tilanteessa ja liian väsynyt. Ja Monty Python alkaa juuri...

[abg]

Kiitos neuvouista ja linkeistä näistä on jo suurta apua.

[abg]

Sain noi yhteystiedot tonne oikeaan yläkulmaan nätisti kun tajusin miten noita divejä laitetaan päälekkäin (nest).
Sain väsättyä ihan hyvän valikon tohon vasemmalle tämän http://www.alistapart.com/articles/taminglists/ mainion tutorin pohjalta.
Toi vielä hämää että kun pienentää ikkunaa niin menee toi oikea palsta ja keskipalstan päälle.

Edit: Tuo kuva on keskitetty horisontaalisesti tohon keskipalstaan, onko jotian keinoa miten saisi keskitettyä myös vertikaalisesti?

[MiniMe]

Mitään helppoa tapaa ei ole tuohon vertikaaliseen keskitykseen. Jos haluat etsiä tuosta tietoa, niin kokeile Googlella käyttää hakusanoja: CSS, div, vertical align.

Yksi helpohko kiertotie on laittaa kuva taustakuvaksi ja keskittää se.

Oikean reunan marginaali taitaa olla aika suuri, koska vaakatason vierityspalkit ilmestyvät, vaikka valkoista tilaa riittäisi...

[Macco]

Edit: Tuo kuva on keskitetty horisontaalisesti tohon keskipalstaan, onko jotian keinoa miten saisi keskitettyä myös vertikaalisesti?

On, huono tapa. Eli

Koodi: Valitse kaikki

<table /><tr /><td style="vertical-align: middle;" /><img src="kuva.jpg" /></td /></tr /></table />

[Juhani L]

On, huono tapa. Eli

Koodi: Valitse kaikki

<table /><tr /><td style="vertical-align: middle;" /><img src="kuva.jpg" /></td /></tr /></table />

Tuo taulukoksi teko on valitettavasti ainoa idioottivarmasti toimiva tapa. Huoh.

[abg]

Just ajattelin että tekis tän ilma tableja kokonaa. Joo pitää keksiä jotain muuta. Jos heittäis ton keskipalkin border tosta jorpakkoon.