Hi,
...kommt der Text automatisch unter das Bild zu stehen (hab ich per Zufall so hingekriegt), soweit klar.
So sehen Zufälle aus. ;-)
Wie kann ich nun beides, Foto und Text, einrahmen,
Hast du doch schon. Du musst allerdings dem Inhalt auch Höhe geben.
#layer15 { height: 300px; } 300!
Dann noch ein „img {display: block;}“ und du bist so ziemlich am Ziel. Das brrrr vielleicht noch löschen, das stört die Ästhetik.
Naja, bei genauer Betrachtung – … eleganter wäre ja so eine Konstuktion:
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<title>Titel</title>
<style type="text/css">
p.bild-links {
border: dashed 1px #fb0b0b;
width: 300px;
}
p.bild-links img {
display: block;
}
</style>
</head>
<body>
<p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200" />Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p>
</body>
</html>
Warum schreibst du so einen Käse? ;-)
Ciao, Performer