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ä+
Geromino
4
494
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
- 293848
Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva5422792Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial562330Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras2182321Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle
Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle131839Mies profiloin sinut
Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.2191560Kiantama kartelli
Onko alhaisempaa kuin toimia ensin kartellissa ja lopuksi koittaa pelastaa nahkasa vasikoimalla muut kun jää kiinni? Eip561541- 971419
Oletko nainen alkanut kammoamaan minua
Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom631304Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä
Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise951235