Rahmen um Thumbnails

[Felix Riesterer]

Lieber Christoph,

Es wäre wahrscheinlich besser, für <img> gar kein CSS festzulegen, und stattdessen die Formatierung an <a> zu binden.

Da bin ich anderer Meinung! Es sollten meines Erachtens sowohl für <a> als auch für <img> Rulesets definiert werden, allerdings würde ich die Klassenbenennung im HTML-Teil in das <a> schreiben. Folgende Lösung finde ich vor allem auch für den IE besser:

HTML:

  
<a class="thumbnail" href="..."><img src="..." /></a>

CSS:

  
a.thumbnail { text-decoration: none; }  
a.thumbnail img { border: 1px solid transparent; margin: 0; }  
a.thumbnail:link img, a.thumbnail:visited img { border: 1px solid #666666; }  
a.thumbnail:hover img { border: 1px dashed silver; filter:Gray() }  
a.thumbnail:active img { border: 1px dashed silver; }

Liebe Grüße aus Ellwangen,

Felix Riesterer.