af Kim Ludvigsen » tirs maj 06, 2008 1:34
Her har du en skabelon. Bemærk, at style="width:358px;" skal have samme værdi som billedets bredde, altså i dette tilfælde 358px.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>skitze20071</title>
<meta content="Chokmah" name="author">
<link rel="stylesheet" type="text/css" href="stilark.css">
</head>
<body>
<div class="indhold" style="width:358px;">
<img style="width: 358px; height: 540px;" alt="Skjulested med skitseret krigsmodel" title="Skjulested med skitseret krigsmodel" src="album/slides/Skjulested%20med%20skitseret%20krigsmodel.jpg">
<p>Titel: Skjulested med skitseret krigsmodel<br>
År: 2007</p>
</div>
</body></html>
Du skal så samtidig have lavet et stilark, der skal placeres i samme mappe som ovenstående fil. Kopier nedenstående ind i en fil, som du kalder stilark.css, og som du placerer i samme mappe som html-filen.
body {
color: rgb(51, 51, 51);
background-color:: rgb(102, 102, 102);
}
.indhold {
margin: auto;
padding:0;
text-align:center;
}
Du kan evt. indsætte lidt afstand over billedet. Det gøres ved at indsætte denne linje:
margin-top:20px;
under linjen
text-align:center;
Du kan selvfølgelig udskifte 20 med et andet tal.
Her har du en skabelon. Bemærk, at style="width:358px;" skal have samme værdi som billedets bredde, altså i dette tilfælde 358px.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>skitze20071</title>
<meta content="Chokmah" name="author">
<link rel="stylesheet" type="text/css" href="stilark.css">
</head>
<body>
<div class="indhold" style="width:358px;">
<img style="width: 358px; height: 540px;" alt="Skjulested med skitseret krigsmodel" title="Skjulested med skitseret krigsmodel" src="album/slides/Skjulested%20med%20skitseret%20krigsmodel.jpg">
<p>Titel: Skjulested med skitseret krigsmodel<br>
År: 2007</p>
</div>
</body></html>
Du skal så samtidig have lavet et stilark, der skal placeres i samme mappe som ovenstående fil. Kopier nedenstående ind i en fil, som du kalder [b]stilark.css[/b], og som du placerer i samme mappe som html-filen.
body {
color: rgb(51, 51, 51);
background-color:: rgb(102, 102, 102);
}
.indhold {
margin: auto;
padding:0;
text-align:center;
}
Du kan evt. indsætte lidt afstand over billedet. Det gøres ved at indsætte denne linje:
margin-top:20px;
under linjen
text-align:center;
Du kan selvfølgelig udskifte [b]20[/b] med et andet tal.