Olen päkertänyt yhden sivuston kanssa jo kauan tuloksetta. Tarvitsisin tietoa, miten saisin tehtyä sivuston yläosan, joka pitäisi saada jaettua neljään osaan ja jokaiselle oma "taustakuva". Siis tietenkin ilman taulukoita. Tässä kuva, miltä lopputulos pitäisi näyttää, klikkaa.
Vaikee sanoa, kun ei tiedä millä tasolla oot CSS:ssä ym. Tässä ainakin yksi linkki, jos oot vasta alussa http://www.hemiplace.com/forum/index.php?
Alalaidassa on linkki jossa neuvotaan monimutkaisempien sivujen teosta
Ja aikaisempi keskustelu:https://www.ohjelmointiputka.net/keskustelu/
Onko ulkoasun tarkoitus olla joustava, vai kiinteäleveyksinen? Onko eri taustojen kohdalle tulossa myös muutakin kuin vain taustakuvaa, eli onko siellä esim. hakukenttää, linkkejä, valikoita, mainoksia, logokuvia tms.?
Jälkimmäinen virke noista sitä ajatellen, että katsotaan miten HTML:n rakenteen kautta voidaan toteuttaa asioita luomatta tyhjiä elementtejä. Esimerkiksi tämmöisellä HTML:llä voidaan sijoittaa jo kolme taustakuvaa pelkästään yläpalkkiin:
<div id="otsikko">
<h1><img alt="Sivustoni nimi" src="header.png" title="Sivustoni nimi"></h1>
</div>Taustakuvat voi sijoittaa diviin, h1:een ja img-elementtiin.
Jäi vähän vaillinaiseksi toi mun teksti, mutta sivujen parissa oon ollu muutaman vuoden, CSS:ää en ole joutunut käyttämään tällä tavalla ennen. Sivu on 900 px leveä eli fiksattu pitäis olla. Niihin taustoihin tulis linkit eteen. Sain tehtyä aiemmin laatikot niin et tein vain sisäkkäisiä divejä ja niihin sit liitin tyylitiedoston, mut ne sijoittu alekkain. Ne pitäisi saada vierekkäin ilman rakoja.
Lohkotason elementit voi floatata vasemmalle, jolloin seuraava elementti sijoittuu viereen oikealle puolelle. Jos laitat kaikki neljä elementtiä floatatuiksi samalla korkeudella, laitat leveydet kuntoon ja varmistat ettei ole ylimääräisiä marginaaleja ja sisennyksiä (sisennys kasvattaa leveyttä ja korkeutta, mikä pitää huomioida), niin etköhän saa nätisti laatikot vierekkäin selaimella kuin selaimella :)
Kaikkien laatikkojen ei sitten ole edes pakko olla divejä, vaan on itseasiassa ihan hyväkin käyttää esim. listoja linkeille. Pitää vaan pitää huolta niihin liittyvien oletusmarginaalien ja -paddingien nollaamisesta, muuten homma kulkee samalla tavalla kuin diveilläkin ja saat tehtyä HTML:ää joka kertoo paremmin sisällöstään.
Toimii,päivä pelastettu..:D Kiitos paljon..:)
Aihe on jo aika vanha, joten et voi enää vastata siihen.