Eli Pitäis saada tuolta sivulta
http://www.nic.fi/~swin/enerchy/tt_2_news.html
ylhäällä oleva kuva saada siirrettyä keskelle. Mozilla näyttää sen keskellä, mut IE7 ei.
css kodi on tällainen:
#logo {
background-image:url(../pic/ylapalkki.jpg);
position:static;
width: 465px; height: 158px; margin: 0 auto;
}
Tuon sivun suomi ja englanti osio on tehty hiukan erilaisella koodilla
Miten muutan koodia että kuva näkyy keskellä+
4
414
Vastaukset
- minttu007
Eikö se voisi olla vaan position:center ?
- teuro
position: center ei ole declaroitu ainakaan nykyisissä dokumentaatiossa. Mahdollisia arvoja ovat:
*absolute
Absoluuttinen asettelumalli. Elementille määritetään kiinteä, absoluuttinen sijainti dokumentissa.
*relative
Relatiivinen asettelumalli. Elementin asemointi määrittyy suhteessa elementin normaaliin sijaintiin.
*fixed
Kiinteää asettelumalli. Elementille määritetään kiinteä, absoluuttinen sijainti suhteessa nk. viewport-tilaan (vastaa selaimen ikkunaa). Elementti "kelluu" vieritettäessä.
*static
Normaali asettelumalli. Elementin asemointi määrittyy muiden elementtien asemoinnin perusteella.
Suora lainaus http://www.2kmediat.com/css/position.asp - K. T.
teuro kirjoitti:
position: center ei ole declaroitu ainakaan nykyisissä dokumentaatiossa. Mahdollisia arvoja ovat:
*absolute
Absoluuttinen asettelumalli. Elementille määritetään kiinteä, absoluuttinen sijainti dokumentissa.
*relative
Relatiivinen asettelumalli. Elementin asemointi määrittyy suhteessa elementin normaaliin sijaintiin.
*fixed
Kiinteää asettelumalli. Elementille määritetään kiinteä, absoluuttinen sijainti suhteessa nk. viewport-tilaan (vastaa selaimen ikkunaa). Elementti "kelluu" vieritettäessä.
*static
Normaali asettelumalli. Elementin asemointi määrittyy muiden elementtien asemoinnin perusteella.
Suora lainaus http://www.2kmediat.com/css/position.aspposition:center ja float:center eivät toimi.
text-align:center keskittää kuvia tai tekstiä, muttei divejä.
margin:0px 50%; näyttää toimivan jollain vanhalla IE:llä (en pääse täällä koulussa testaamaan millään kunnon selaimella).
- Höpö.
Tietäjiä taas vastaamassa.
Oikea vastaus on vaikkapa:
#logo {
background: url(../pic/ylapalkki.jpg) no-repeat center;
}
Toinen mahdollisuus on kirjoittaa sama pitemmän kaavan mukaan:
#logo {
background-image: url(../pic/ylapalkki.jpg);
background-position: center;
background-repeat: no-repeat;
}
Css-editori olisi kova sana: http://topstyle.en.softonic.com/
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Mietitikö nainen koskaan
Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.1151659Olisi hauska tietää
Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon611076Marin on ehkä maailman kaunein "Nelikymppinen"
Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota1411007- 96870
En kelpaa sinulle
Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v74867Vernu Vasunta
On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?22842Minun on vaan päästettävä irti
Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k36812Kertoisit jo
Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni42739Taidat vanhempi nainen
Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin60735En koskaan saanut asiattomia kuvia!
Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta156701