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
481
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
Kun Arman Alizad puolusti hiihtäjä Vilma Nissilää sanomalla
"älä välitä sekopäistä Vilma", ja kun siitä kerrottiin täällä, niin sekopäinen mukasuvaitsevainen teki siitä valituksen252684Trump muka öljyn takia Venezuelaan? Pelkää mustamaalausta
Kertokaapa mistä tuollainen uutisankka on saanut alkunsta? Näyttäkääpä ne alkuperäiset lähteet, minä en löytänyt mitään402332Ei tule uni
Kuten epäilin. Onneksi viime yön sain ihan hyvin nukutuksi. Tiesin kyllä, ettei tästä mitään tänään tule.621308Miksi juuri Venezuela?
Kaikista maailman valtioista Trump otti silmätikukseen Venezuelan. Mutta minkä ihmeen takia? Kyseessä on kuitenkin vähäp2991231- 41986
- 42967
- 77894
Jos mies olet oikeasti...?
Kiinnostunut... Pyydä mut kunnolla treffeille ja laita itsesi likoon. En voi antaa sydäntä jos sinä olet epävarma ja eh77877Nautitko riidan haastamisesta?
Itse olen hyvin kärsivällinen ja sopuisa noin yleensä, mutta osaan tarvittaessa olla hankala. Niin metsä vastaa kuin sin175803Akateemikko Martti Koskenniemi vertaa Trumpia Putiniin
"-Suomalaisena on syytä olla huolissaan siitä, että Yhdysvallat näin vahvistaa 1800-luvun alkupuolella julistamansa etup94798