Keskustelu: Nettisivujen teko: "hötömölö"(HTML) sivujen sijoitus

Eli mitenkäs noissa HTML sivuissa nuo taulukot ja kuvat sun muut sijoitellaan.
Olen asiassa aloittelija, ja en ole site itse saannut.
Muistaakseni siinä oli jotain tekemistä pixeleiden kanssa? Mistä ne näkee?

CSS:llähän tuo onnistuu. Ja riippuu ihan siitä, miten haluat ne sijoitella. Ominaisuuksiin, kuten margin, padding, text-align, vertical-align, float, left, top, position ja z-index kannattaa tutustua, joitakin mainitakseni. Mittayksiköitäkin on useita (em, en, ex, px, in, cm, mm, pt, pc, %...), relatiiviset ja absoluuttiset, ja käytettävä yksikkö riippuu luonnollisesti siitä, haluatko tehdä skaalautuvan sivun, vai et. Jos tarkennat kysymystäsi, saat varmasti myös tarkemman vastauksen :)

Siis tarkoitus olisi laittaa kuvia sivulle(ehkä jotain muutakin) ja pitäisi laitta ne tiettyyn kohtaan sivua, ettei se näytä aivan epäselvältä. Jos niitä rupee siihen latomaan, menee ne miten sattuu, ei koskaan samanalailla.

Ja muistin juuri että eikös se tehty jotenkin vasemmasta reunasta, ja yläreunasta katsottuna?

Ikäänkuin kuvagalleria? Helpoin tapa silloin lienee laittaa kuvat taulukkoon kukin omaan soluunsa. Miten haluaisit ne sijoitella? Kysymys on edelleen hieman epäselvä.

kuva1.top=100
kuva1.left=100

siis jotenkin tollain?

zigilii kirjoitti:

kuva1.top=100
kuva1.left=100

? Nyt meni kyl hieman tuon hötömölön ulkopuolelle :)

Tota zigiilin tapaa tarkoitan. Eli miten noi mitat katsotaan, ja mitä yksikköä ne on

Hmm. Aika epäselvä kysymys vieläkin. Siis mitä mittoja sun nyt pitäis "katsoa"?
Ja joo, taulukkoonhan nuo vois olla ihan järkevää laittaa.

Eli siis koitan nyt kunnola selventää.

Teen taulukon, ja haluan laittaa sen tiettyyn kohtaan sivuani(esim tyyliin niinkuin tuossa oikealla on noi "Keskustelualue jne), niin millä minä saan laitettua sen esim 140pixeliä vasemmasta reunasta, ja 100 pixeliä ylä reunasta.

Jokohan nyt on selkeää.

<table id='kuvat'>

    <tr>
        <td><img src='kuva1.jpg' alt='kuva1, jee' /></td>
        <td><img src='kuva2.jpg' alt='kuva2, jee' /></td>
    </tr>

</table>

/* vaikkapa: */
table#kuvat {
    top: 100px;
    left: 140px;
}

/* ... tai: */
table#kuvat {
    margin: 100px 0 0 140px;
}

Edit: Hyvä sääntö noissa marginaaleissa ja muissa on TRouBLed, eli Top, Right, Bottom, Left.

laitetaanpas viellä

Sivujen logo kun on kuva, ja yritin laittaa sitä näkyviin näin:
<img scr="aku.gif>
niin ei näy.
Mistäs semmonen johtuu.
Kuvakin siirsin palvelimelle, mutta silti ei näy

Eihän se näy, koska parametrin nimi on "src", ei "scr". Lisäksi pakollinen attribuutti alt ja toinen lainausmerkki puuttuu. Validaattori olisi kertonut nämäkin virheet huomattavasti nopeammin.

Kiitti, oma moka, kun laitoin sen väärin päin.