Få et bilde midt på en side css

[tbotrqual]

Jeg driver å lage en hjemmeside til en ny norsk amatørfilm, og mens siden er under utvikling tenkte jeg at jeg kunne slenge opp en enkel sak med bare et bilde, men jeg støter på et litt morsomt problem. Jeg har et bilde, og jeg trenger å ha bildet midt på siden hele tiden, samme hvilken oppløsning man har i browseren. Jeg har prøvd alle de css sakene jeg finner på w3schools.com, men ingen av de funker slik jeg vil ha det. Noen som kan hjelpe meg.

[4588pkdkrikue5c]

Heisann,

Sett bildet inn i en DIV.

Skriv altså <div id="bilderamme"> SETT INN BILDE HER </div> i HTML dokumentet.

I css filen skriver du da følgende:

#bilderamme {
margin-left:auto;
margin-right:auto;
}

[tbotrqual]

takk

[selurdog]

Vel, bilder har ikke alltid noe i HTML å gjøre.

Om det bare er til pynt, bør du sette det som background i CSS.

 

Et poeng til, istedetfor å skrive det som steffenz foreslo, ville jeg ha skrevet:

#bilderamme {

margin: 0 auto;

}

 

Gjør samme greie med mindre tekst. )

[4588pkdkrikue5c]

Den noterte i alle fall jeg meg - takk

Enig i at man med fordel kan sette bildet i CSS filen. Selv gjør jeg sjeldent annet.Da bler det slik:

 #bilderamme {
background:url(../navnpåbilde.jpg) no-repeat;
width:000px;
height:000px;
margin: 0 auto;
}

Altså, der det står navnpåbilde.jpg skriver du navnet på bildefilen din. Dessuten må du oppgi bredden (width) på bildet, samt høyde. (eventuelt auto her).

Endret 6. mars 2008 av steffenz

[Haraldson]

Øh, dere roter hardt alle sammen. Trenger ikke noe ekstra element for å sette et bakgrunnsbilde, som bare skal fungere som en placeholder.

 

body {
background: url(/gfx/body-bg.png) 50% no-repeat;
}

 

Skal du derimot posisjonere et element med kjente dimensjoner midt på en side, gjør som her; http://www.wpdfd.com/editorial/thebox/deadcentre4.html