Miten esim. tämä sivu on rakennettu että saadaan "tyhjät" laidat sivun molemmille puolille. Eli miten saadaan keskitettyä?
Sivu layout
Tumppa
8605
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 8
Vanhimmat
Marginaaleilla.
Fiksuinta on käyttää css tyylejä, niinkuin tossa jo mainittiinkin, eli marginaaleilla. Ongelma vaan on vielä vanhojen selaimien kanssa.
Toinen perinteinen ratkaisu on käyttää taulukkoa, missä on esimerkiksi vain yksi solu (vai miksi sitä sanotaan), missä korkeus on esim 100% ja leveys 80%, ja sitten keskitetään tuo taulukko (css:llä tai html:llä) ja sinulla on "marginaalit". Taulukon leveys "venyy" ko. tapauksessa selaimen ikkunan koon mukaan. Ja kaikki sisältö tietysti laitetaan tuon taulukon sisään, samalla lailla kun kirjoitettaisiin mitä tahansa sivua.
Tarkoitatko tuolla nyt marginaaleja vai tekstin keskitystä. Keskittäminen onnistuu vaikka näin:
Tekstiä
Tai jos haluat keskittää kaiken tekstin mikä on body:ssä niin laita head osaan:
body {
text-align: center;
}
Ne marginaalit, joista Y_H sanoi saa laittamalla head osaan:
body {
margin: 1cm;
}
Sitten voit määritellä sivuusi
Tuonne tyyli.css tiedostoon ne määrittelyt. Tässä on etuna se, että voit käyttää samaa tyylimäärittelyä monen sivun kanssa. Saat webbisivuillesi yhdenmukaisen ulkonäön ja voit muuttaa niitä kaikkia kerralla helposti!
Tarkoitin kyllä tuota esim. tablella toteutettua juttua. Ongelma on siinä että index-sivulle pitäisi linkistä avutua uusia sivuja ja pysyvä linkkipalkki pysyä index-sivulla. Eli ongelma on että target määritystä ei voi kohdistaa kai tableen tai sen soluun? Onkohan muita ratkaisuja?
Tarkoitatko sitten tälläistä:
Selaimesi ei tue frameja.
Tarkoitan tälläistä kun on esim. tämä sivu että vasemmassa laidassa oleva linkki-palkki pysyy esillä vaikka "sivu" keskellä vaihtuu.
Kyllä se kirjoittaa koko sivun uudestaan "kun sivu keskellä vaihtuu". Eli ei se linkkiosa pysy esillä, vaan se kirjoitetaan uudestaan.