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
3787
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
- 743042
- 712911
- 681842
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä191742- 271671
- 241667
- 201630
- 481307
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91289- 381283