Niin...
Eli tuollanen ongelma olis. 1500px leveä ja 15px korkea liukuvärikuva pitäs saada taustalle nettisivuihin. Kuva pitäs saada keskitettyä. Esimerkki sivun tausta:
www.teippari.com
Eli html:n sekaan css-koodia. Millasella koodilla tapahtuu?
Taustakuvan keskitys CSS:llä
tempukka.net
8
3795
Vastaukset
- aaH
Omalla koneellani ainakin tuo näyttäisi olevan oikein. Eli tuo kaikista vaalein kohta keskellä sivua. Jos se siis oli tarkoituksena?
Kokeilin vielä kahdella eri resoluutiolla ja molemmilla näytti menevän oikein. - aaH
Vai oliko tuo sivu vain esimerkkinä siitä, minkälainen sen tulisi olla?
body { background-image: url(kuvat/pohja_tile.jpg);
background-color:#0D5580;
background-repeat:repeat-y;
background-position:center;
}
Tuollainen koodi on kyseisellä sivulla. Luultavasti haet tuota background-position:center -koodia.- tempukka
Jep. Eli esimerkkinä oli miten pitäs olla. Tuo css-koodi oli kyllä tiedossa, mutta kuinka sen saa html-yhteyteen niin se on pikkasen hämärää. Eli html:n sekaan tekemättä erillistä css-tiedostoa.
- css html:n "sekaan"
tempukka kirjoitti:
Jep. Eli esimerkkinä oli miten pitäs olla. Tuo css-koodi oli kyllä tiedossa, mutta kuinka sen saa html-yhteyteen niin se on pikkasen hämärää. Eli html:n sekaan tekemättä erillistä css-tiedostoa.
div.esimerkki {margin: 10px;}
Huhuu!
Huhuu 2! - aaH
tempukka kirjoitti:
Jep. Eli esimerkkinä oli miten pitäs olla. Tuo css-koodi oli kyllä tiedossa, mutta kuinka sen saa html-yhteyteen niin se on pikkasen hämärää. Eli html:n sekaan tekemättä erillistä css-tiedostoa.
Eli laitat siit tuon kyseisen koodin style-tagien sisään ja head-osaan.
Käytännössä näin:
...
koodia
... - lkfjgdljgdfglkd
aaH kirjoitti:
Eli laitat siit tuon kyseisen koodin style-tagien sisään ja head-osaan.
Käytännössä näin:
...
koodia
...Juu, eli kaks vaihtoehtoa on. Joko sinne head -osioon, jolloin tulee toi type="text/css" mielellään tai sit tagin sisään, jolloin ei mitään tagia tarvita, vaan se on attribuuttina.
div.esimerkki {margin: 10px;}
Huhuu!
Huhuu 2! - tempukka
lkfjgdljgdfglkd kirjoitti:
Juu, eli kaks vaihtoehtoa on. Joko sinne head -osioon, jolloin tulee toi type="text/css" mielellään tai sit tagin sisään, jolloin ei mitään tagia tarvita, vaan se on attribuuttina.
div.esimerkki {margin: 10px;}
Huhuu!
Huhuu 2!Juu...
Tuollasen koodin sain väsättyä ja muuten toimii, mut taustan molemmille reunoilla ja ylhäällä on n.10 px leveät valkoset reunat.
div.tausta
{
background-image: url('tausta1.png');
background-repeat:repeat-y;
background-position: center 50%;
}
Kuinka nuo kehykset saa heivattua pois niin, että taustakuva alkas ihan äärivasemmasta päättyen äärioikealle? Eli taustan pitäisi olla koko näytön suuruinen. - aaH
tempukka kirjoitti:
Juu...
Tuollasen koodin sain väsättyä ja muuten toimii, mut taustan molemmille reunoilla ja ylhäällä on n.10 px leveät valkoset reunat.
div.tausta
{
background-image: url('tausta1.png');
background-repeat:repeat-y;
background-position: center 50%;
}
Kuinka nuo kehykset saa heivattua pois niin, että taustakuva alkas ihan äärivasemmasta päättyen äärioikealle? Eli taustan pitäisi olla koko näytön suuruinen.Jostain syystä, jos laittaa "pohjaksi" div-elementin, niin se tekee vasemmalle ja oikealle juuri tuollaiset n.10px reunukset. Jos mahdollista, niin laita tuo taustakuva body-elementtiin. Tai sitten negatiivisella marginaaleilla korjaat nuo reunukset.
div.tausta { ...
margin-left: -10px; }
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419