Gå til innhold

Hvordan kan jeg plassere evt. logo i midten på toppen med css?


Anbefalte innlegg

Hei, jeg lurer på hvordan jeg kan plassere logoen min på toppen av siden min og i midten.

 

Her har dere det jeg har skrevet. (Dette er bare et eksempel):

<HTML>

<HEAD>

<TITLE>Bilde Plassering</TITLE>

<STYLE>

img {

position: absolute;

}

</STYLE>

</HEAD>

 

<BODY>

<img WIDTH=320px; HEIGHT=264px; src="worm.jpg>

</BODY>

 

</HTML>

 

Som dere kan se er bildet lagt inn i body-en med img som tag.

Oppe i CSS-en klarer jeg ikke å få bildet til å bli i midten og på toppen

Poenget er at jeg vil at logoen skal være midtstilt uansett hvilke oppløsning som er på de forskjellige dataskjermene.

Til sist lurer jeg på om noen kan poste hvordan man plasserer bilder rundt med prosent.

 

Takker for alle svar.

Endret av Siege
Lenke til kommentar
Videoannonse
Annonse

Slik:

<div style="margin:0px auto; width:320px;">

<img src="worm.jpg" alt="Worm" />

</div>

 

Eller:

<center>

<img src="worm.jpg" alt="Worm" />

</center>

 

 

Hvis du skal bruke css i head:

<style type="text/css">

<!--

 

css-koden kommer her

 

-->

</style>

Lenke til kommentar
Slik:

<div style="margin:0px auto; width:320px;">

<img src="worm.jpg" alt="Worm" />

</div>

 

Eller:

<center>

<img src="worm.jpg" alt="Worm" />

</center>

 

 

Hvis du skal bruke css i head:

<style type="text/css">

<!--

 

css-koden kommer her

 

-->

</style>

 

Takk for svaret.

Endret av Siege
Lenke til kommentar

<html>

<head>

<title>Bilde Plassering</title>

<style type="text/css">

body {

text-align: center; /* IE fix */

}

#body {

margin:0 auto;

text-align:left;

width:320px;

}

#content {

background: #000;

color: #fff;

}

</style>

</head>

 

<body>

<div id="body">

<img src="worm.jpg>

<div id="content">

<p>tekst her</p>

</div>

</div>

</body>

 

</html>

 

 

merk:

bredden på innholdsfeltet og bildet er nå 320px.. om du vil ha selve innholdfeltet breiere, må du sette opp bredden på #body, og lage en egen regel for #body img med margin: 0 auto;

 

PS. Vil anbefale deg å se på hva doctype er, og bestemme deg for hva du skal bruke og legge til riktig doctype.

Endret av cfenzo
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...