Morgen,
Ich arbeite z.Z. an einem Foto-Blog.
Also ich habe jezt per externer CSS-Datei festgelegt, wie die Fotos + Kurzbeschreibung angezeigt werden sollen, das sieht so aus:
#fotoblock { position: relative; margin-top: 50px; margin-left: 10% ; margin-right: 10%; border-width: 3px; border-style: dotted; border-color:#696969; text-align: center; align: center; padding: 15px; }
Das ist der Code aus der CSS-Datei, in der HTML-Datei sieht das dann so aus:
<div id="fotoblock">
<a href="inhalt/name_des-bildes.jpg" target="_blank"> <img src="inhalt/name_des-bildes.jpg" height="150" width="200" ></a>
<h2>Überschrift der Beschreibung</h2>
Beschreibung des Bildes.
</div>
Jezt würde ich es gerne so gestalten, dass das klein dargestelle Link-Bild von einem 2px starken, simplen, weißen Rahmen eingeschlossen wird. Ist ja eigentlich ganz easy. Das möchte ich in der CSS-Datei definieren. Es soll also jedes Bild welches INNERHALB der "fotoblock"-Klasse ist weiß gerahmt sein. Wohlgemerkt nur das Bild, nicht die gesamte "fotoblock"-Klasse, welche ja schon einen gepunkteten Rahmen aufweist, und auch nur Bidler innerhalb der Klasse, nicht global alle Bilder auf der ganzen Seite.
Dankeschön, Olduwai.