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
501
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
Kuka oli töllöntyön tekijä?
Ketä on nyt pidätetty? Oliko syy mustasukkaisuus tyttöystävästä tai oliko muita lieventäviä seikkoja? Katuuko tekijä nyt444826Kotikasvatus siitä se lähtee eli missä meni vikaan että lapsesta tuli puukottaja
Ottakaa muut oppia, normaali kotielämä. Ei liikaa edes hengellisyyttä.602691Jenkkilahkojen kastekaava
Jenkkilahkojen yhteinen kastekaava on kirjoitettuna Mormonin Kirjaan, Moroni, luku-8 Pienten lapsien vanhempia uhataan1391064Pasi Turunen: Ensimmäisenä Helluntaina ei kastettu sylivauvoja!
Tänään 31.5.2026 Pasi Turunen noin vastasi soittajan kysymykseen! Raamattu EI KERRO ketä kastettiin1611035Odotan sitä hetkeä
kun nähdään taas. Tiedän, että sinäkin odotat. Kun se päivä koittaa, katseesi hakee minua. Ehkä arkailemme toisiamme väh711034- 124989
Olen melko vakuuttunut
etten tule olemaan koskaan täysin onnellinen ilman sinua. En uskonut, että näin kävisi kenenkään kanssa. Kunnes sain kok72964- 137865
- 49864
Vihamielisyys naisia kohtaan on jo yllättävän suuri ongelma
Esiintyy laajemmassa mittakaavassa, mitä vain tällä palstalla. Mistä tuo ilmiö nyt oikein johtuu, ja saa alkuvoimansa?178862