Sivun tausta pitäisi saada niin, että puolet on mustaa ja puolet valkoista. (esim. oikealla mustaa ja vasemmalla valkoista) Ja keskellä sivua on kuva. Ja taustan jako pitäisi tapahtua tasan kuvan keskellä, että värit täsmäsivät.
Miten onnistuu
Aapuva_
8510
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 8
Vanhimmat
tee kuva em. kriteereillä ja laita se taustakuvaksi. tai tee taulukko kahteen osaan ja toiseen osaan taustaväriksi valkoinen ja toiseen musta.
Taustakuvassa ei saa jakoa tasan, kun riippuu resoluutiosta.
Ja taulukkoa ei saa kokosivun kokoiseksi, koska tabe height="100%" ei toimi.
kokeile esim tätä koodia:
jos taulukku on vertikaalisesti vielä väärän kokoinen, vaihda vaan luku "600" vaikka luvuksi "650" ja kokeile uudestaan.
Tee vaikka 2000px leveä ja 10px korkea kuva jossa 1000px mustaa ja 1000px valkoista..
Bodyyn tai css:än laitat:
background: url(kuva.gif) repeat top center;
Center-tagilla laitat haluamasi kuvan keskelle sivua, toimii resoluutiosta riippumatta..!
KUV
ASI
tollasta kokeilin äkkiseltään... kuvan tosin joudut puolittamaan... eikä oo ees validia ;(
..pitää väkisin tunkea css:ää ja vanhentuneita attribuutteja samaan dokumenttiin (ja kaiken huipuksi sellaisiakin attribuutteja jotka eivät koskaan ole kuuluneetkaan html:ään)?
Ja näin se kuva tulee helpolla keskelle ruutua:
Untitled
body {
background: url(kuva.gif) repeat top center;
}
#kokoruutu {
position:absolute;
height: 100%;
width: 100%;
background: url(taustakuva.jpg) no-repeat center;
}
p {color:red;}
(Jotkut kivikautiset selaimet eivät tosin ymmärrä että tuon divin täytyy olla myös korkeussuunnassa ruudun kokoinen, vaan ne luulevat että div on ainoastaan sisällön korkuinen.
Sinänsä harmi että sellaisia kehityksen jarrujakin vieläkin jotkut käyttävät.)