Ciao, un esempio:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#gallery {
width: 930px;
margin:0 auto;
}
#gallery ul{
margin:0;
padding:0;
list-style:none;
}
#gallery ul li{
margin:0;
padding:0 5px;
display:block;
float:left;
}
#gallery img{
display:block;
width:300px;
height:auto;
}
-->
</style>
</head>
<body>
<div id="gallery">
<ul>
<li><a href="Wall99.jpg"><img src="Wall99.jpg" alt=""></a> Didascalia</li>
<li><a href="Wall99.jpg"><img src="Wall99.jpg" alt=""></a> Didascalia</li>
<li><a href="Wall99.jpg"><img src="Wall99.jpg" alt=""></a> Didascalia</li>
<li><a href="Wall99.jpg"><img src="Wall99.jpg" alt=""></a> Didascalia</li>
<li><a href="Wall99.jpg"><img src="Wall99.jpg" alt=""></a> Didascalia</li>
<li><a href="Wall99.jpg"><img src="Wall99.jpg" alt=""></a> Didascalia</li>
</ul>
</div>
</body>
</html>
Rispetto al tuo codice potrai vedere la presenza di un doctype e di tag strutturali che non possono mancare quali head e body. Nell'esempio ho usato un elenco. Il div gallery dovrà avere la larghezza delle tre foto più eventuali margini che vorrai lasciare fra loro.
Permessi di invio
Rispondi quotando