Har problemer med å få sentrert bilde

2. januar 2008

Har en nettside som jeg driver setter opp, og i den forbidelse så vil jeg ha et bilde der i første omgang, men bildet blir ikke midten, det trekker godt til venstre i stedet. Hvordan få bildet sentrert?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%; max-height:100%;">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="margin: 0px; height: 100%;">
<table width="100%" height="100%"  border="0" cellspacing="0" cellpadding="0"  align="center" valign="middle">
 <tr>
<td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="bildetmitt.jpg"></td></tr></table></td></tr></table>
</body>
</html>

Edit: Typo

Endret 2. januar 2008 av Slettet+3124

selurdog · 3. januar 2008

Usikker på om dette er beste løsning på lang sikt, men dette skal sentrere bildet:

Erstatt: <img src="bildetmitt.jpg"> med: <div align="center"><img src="bildetmitt.jpg"></div>

haugsand · 3. januar 2008

Hvorfor har du to nivåer med nøstede tabeller?

HTML:

CSS:

img {

display: block;

margin: 0 auto;

}

Endret 3. januar 2008 av haugsand

3. januar 2008

Fikk litt hjelp, da ble det byttet i fra HTML til CSS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%; max-height:100%;">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.style1 {
text-align: center;
}
</style>
</head>
<body style="margin: 0px; height: 100%;">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" align="center" valign="middle">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="style1"><img src="bildet.jpg"></td></tr></table></td></tr></table>
</body>
</html>>

Og da ble alt i skjønneste orden..

Logg inn

Har problemer med å få sentrert bilde

Anbefalte innlegg

Gjest Slettet+3124

Lenke til kommentar

Videoannonse

selurdog

Lenke til kommentar

haugsand

Lenke til kommentar

Gjest Slettet+3124

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer