Hmm...
Finns några olika sätt...
Om du bara vill ha bilden där (utan att ha den t.ex. länkad eller utskrivbar) k an du lägga den som en bakgrundsbild på body med CSS såhär:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ett exempel</title>
<style type="text/css">
<!--
body {
background-image: url(testbild.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
}
-->
</style>
</head>
<body>
<div>
&nbsp;
</div>
</body>
</html>
En annan enkel (men i dessa dagar kanske lite kontroversiell) metod är att använda en tabell såhär:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ett exempel</title>
<style type="text/css">
<!--
html,body {height:100%;margin:0;padding:0}
table {
height:100%; width:100%; border:none;
margin-collapse:collapse;
}
td {text-align:center;}
-->
</style>
</head>
<body>
<table>
<tr>
<td>
<img alt="en centrerad bild" src="testbild.gif" />
</td>
</tr>
</table>
</body>
</html>
Fördelen med "tabellmetoden" är att det är enkelt att länka bilden mha en <a>-tagg...
Fast det är klart, det kan man göra på ett lite modernare sätt såhär också:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ett exempel</title>
<style type="text/css">
<!--
html,body {height:100%;margin:0;padding:0}
div {
position:absolute;
top:50%;
left:50%;
margin-top:-40px; /* halva bildens höjd */
margin-left:-40px; /* halva bildens bredd */
}
-->
</style>
</head>
<body>
<div>
<img alt="en centrerad bild" src="testbild.gif" />
</div>
</table>
</body>
</html>
Som di säj i amerikat: "Pick your poison" ;)