Hi
bevor ich nun wieder Unfug mache, wollte ich mir die Meinung von euch Experten einholen. Ich möchte in einem div mitten in der Seite ein paar Bilder zeigen (quasi eine sehr simple Galerie).
Wie ich ja mittlerweile weiß, muss ich darauf achten, dass ich Inhalt und Form trenne. Für mich bedeutet das im HTML-Bereich steht dann nur:
<a href="pfad/zum/bild.jpg" class="vorschau" target="_blank">
<img src="pfas/zum/bild.jpg" alt="Bild">
</a>
<!-- und weitere für jedes Bild -->
Ich weiß, dass die Variante mit target="_blank" nicht die beste ist, aber für etwas anderes bräuchte ich JS oder?
Im CSS würde dann sowas stehen wie:
.vorschau{
border:0;
}
.vorschau img{
width:100px;
height:50px;
float:left;
margin:1em;
}
.vorschau img:hover{
width:95px;
height:45px;
}/* Für einen kleinen optischen Effekt */
Meine Frage ist nun: Würdet ihr mir empfehlen für jede Zeile einen div hinzuzufügen, da durch den optischen Effekt logischer Weise die ganze Ansicht verrutscht oder würdet ihr das anders lösen?
Mit Sicherheit findet ihr noch Unzulänglichkeiten, wär euch dankbar für eine kleine Erklärung ggf.
Danke schonmal,