<!DOCTYPEhtml>
<html>
<head>
<title>Galeria</title>
<meta charset="UTF-8">
<style>
div.miniatura
{
margin: 5px;
border: 1px solid #ccc794;
float: left;
width: 180px;
height: 200px;
}
div.miniatura img
{
width: 100%;
height: 70%;
}
div.opis
{
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<div class="miniatura">
<img src="IMG_zdjecie_1.jpg">
<div class="opis">sola</div>
</div>
<div class="miniatura">
<img src="IMG_zdjecie_2.jpg">
<img class="opis">solka</div>
</div>
<div class="miniatura">
<img src="IMG_zdjecie_3.jpg">
<img class="opis">nad_sola</div>
</div>
</body>
</html>
pod pierwszą miniaturką jest wszystko OK. Tylko pod drugą i trzecią nie ma tego samego