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
3764
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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.565403- 864144
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.3672461Ovatko naiset lopettaneet sen vähäisenkin vaivannäön Tinderissa?
Meinaan vaan profiileja selatessa nykyään valtaosalla ei ole minkäänlaista kirjoitettua tekstiä siellä. Juuri ja juuri s691014Suomi vietiin Natoon väärin perustein. Viides artikla on hölynpölyä. Yksin jäämme.
Kuka vielä uskoo, että viides artikla takaa Suomelle avun, jos Suomeen hyökätään. Liikuttavasti täällä on uskottu ja ved3281006- 61803
Sydämeni on sinun luona
Koko ajan. Oli ympärilläni ketä oli niin sinä olet vain ajatuksissa ja tunteissa. En halua muiden kosketusta kuin sinun46786Trump ja Venäjä
Huomasitteko muuten... Käytännössä ainoat valtiot, joille Trump EI eilen asettanut typeriä tariffejaan, olivat Venäjä ja102779Jatkuva stressitila
On sinun vuoksesi kun en tiedä missä mennään mutta tunteeni tiedän ainoastaan52749- 25744