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
450
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
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ä.806625- 1486167
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.5013986Ovatko 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 s1252443- 421579
Suomi 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 ved4231482- 741285
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 sinun481120Jatkuva stressitila
On sinun vuoksesi kun en tiedä missä mennään mutta tunteeni tiedän ainoastaan641112Klaukkalan onnettomuus 4.4
Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes311099