Bilder mit CSS einbinden --- hab da noch Probleme

[Dennis]

Hi Ingo,

OK, ich habe da nun folgendes Dilemma:
Dem <p>-Element habe ich bei mir generell einen Rahmen
mit padding:5px zugeordnet, weil ich das immer in so weissen Rahen haben möchte.

Du vergibts padding, weil du einen Rahmen haben willst? Warum vergibst du nicht einfach direkt border?

Die Bilder sollen auch diesen weissen Rahmen haben,
aber ohne padding.

Wenn ich nun dem <img>-Element einen bordern gebe,
klappt das auch wunderbar. Nur sorgt dann eben noch das
<p>-Element (was ich ja "darumlegen" muss) auch noch für einen
zweiten Rahmen. Wie kann ich das denn amgeschicktesten lösen?
Ist da nun eine ID für das <p>-Element angesagt?

Eine ID halte ich nicht für angebracht, da es ja mehrere Bilder
geben könnte und jede ID ja nur einmal im Dokument vorkommen darf.

Du könntest z.B. <p class="picture"> verwenden und das dann so
gestalten:

p  
{  
  /* Normale Absätze mit Rahmen */  
  border: 5px solid #ffffff;  
}  
p.picture  
{  
  /* Bilderabsätze ohne Rahmen */  
  border: none;  
  /* Bildunterschrift klein und grau */  
  font-size:0.8em;  
  color: #dedede;  
}  
p.picture img  
{  
  /* Weißen Rahmen für Bilder */  
  display: block; /* bin mir nicht ganz sicher, ob man das braucht */  
  border: 5px solid #ffffff;  
}

Du könntest aber natürlich auch einfach die img in ein anderes Element
als p packen (z.B. div) oder den Rahmen doch für p und nicht für img
vergeben.

MfG, Dennis.