heey

Hoe kan ik het best 4 afbeeldingen naast elkaar zetten, met tekst er onder?

Nu heb ik een tabelletje met 4 kollommen en 2 rijen, maar dit moet anders kunnen....
Zoiets:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<html>
<head>
	<title>Plaatjes met tekst eronder</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<style type="text/css">
		#wrapper {
			margin: 0px auto;
			width: auto;
		}
		div.caption {
			margin: 5px;
			text-align: center;
			float: left;
			border: 1px solid blue;
		}
		div.caption p {
			font: 12px verdana;
			margin: 0px;
		}
	</style>
</head>

<body>
	<div id="wrapper">
		<div class="caption">
			<p><img src="oog.jpg"></p>
			<p>plaatje 1</p>
		</div>
		<div class="caption">
			<p><img src="oog.jpg"></p>
			<p>plaatje 2</p>
		</div>
		<div class="caption">
			<p><img src="oog.jpg"></p>
			<p>plaatje 3</p>
		</div>
		<div class="caption">
			<p><img src="oog.jpg"></p>
			<p>plaatje 4</p>
		</div>
	</div>
</body>
</html>
Thx jan,

en kan iemand mij helpen met de laatste errors
Je hebt twee typen fouten:

je plaatst een div in een context waar hij niet hoort en je gebruikt een div met id="browsers" twee keer. Een id hoort per pagina uniek te zijn.
oke, die 2e snap ik, maar hoe los ik die eerste op.

Ik zie niet wat niet kan
moet '_new' niet '_blank' zijn? Ik ken geen _new ..
Een div mag niet in een paragraaf (<p>) zitten. Als je ze er buiten zet klopt het volgens mij wel.
Ja, klopt, als je de <p> op lijn 165. weghaald, en de </p> op lijn 199., dan zijn er geen errors meer.
als het echt binnen de <p> moet, gebruik dan <span>

Reageren