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

Siege · 12. februar 2009

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 12. februar 2009 av Siege

Asterisk · 12. februar 2009

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>

Siege · 12. februar 2009

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">



</style>

Takk for svaret.

Endret 12. februar 2009 av Siege

Siege · 12. februar 2009

Kunne du også fortelle meg hvordan jeg kan få en slags svart box som jeg kan skrive text i?

la oss si at jeg vil ha en svart "box" under logoen som på en måte er hvor all text blir skrevet inn.

cfenzo · 12. februar 2009

<html>

<head>

<title>Bilde Plassering</title>

body {

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

}

#body {

margin:0 auto;

text-align:left;

width:320px;

}

#content {

background: #000;

color: #fff;

}

</style>

</head>

<body>

<p>tekst her</p>

</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 12. februar 2009 av cfenzo

Asterisk · 12. februar 2009

Legger ved to dokumenter; et html-dokument og et css-dokument.

index.html

style.css

Endret 12. februar 2009 av Asterisk

Logg inn

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

Anbefalte innlegg

Siege

Videoannonse

Asterisk

Siege

Siege

cfenzo

Asterisk

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer