Hallo,
ich muss leider vorab sagen dass ich programmier Anfänger bin!
mein problem ist das ich mit hilfe von html und css eine kleine foto gallery erstellen möchte.
diese soll so aussehen wie auf dem bild hier:
[Blockierte Grafik: http://i55.tinypic.com/24dotqp.png]
HTML
<html>
<head>
<title>Foto Gallery</title>
<link rel="stylesheet" href="css/gallery.css" type="text/css" />
</head>
<body>
<h1>Gallery</h1>
<div class="imageContainter">
<div class="imageBox">
<div class="innerBox">
<img src="img/01.png">
<img src="img/02.png">
<img src="img/03.png">
</div>
</div>
</div>
</body>
</html>Code
body {
background-color: grey;
font-family: calibri;
margin-left: 10%;
margin-right: 10%
}
.imageContainter{
position:absolute;
width:670px;
height:200px;
border:3px solid blue;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.imageBox{
width: 100px;
height: 100px;
position:relative;
border:2px solid red;
}
.innerBox{
position:absolute;
border:1px solid yellow;
float: left;
}
.imageBox img{
width: 100px;
height: 100px;
border:1px solid;
}wie schaffe ich es mit hilfe von css diese gallery zu erstellen?
vielen dank im voraus für die hilfe!!!