Hallo zusammen,
ich habe auf meiner website Bilder eingefügt, die zum Teil verlinkt sind.
Ich möchte Bilder, die verlinkt sind, mit einem schwarzen Rahmen umgeben. Wenn die Maus über das Bild fährt, soll der Rahmen weiß werden (Roll-over-Effekt).
Wie läßt sich das mit typo3 realisieren?
klassisches css:
leg dir eine css-klasse für bilder zu (falls es nicht schon eine gibt, siehe sourcecode deiner seite), z.b. imgtext-table:
a.imgtext-table, :link {border: 1px solid #000;}
a.imgtext-table, :visited {border: 1px solid #000;}
a.imgtext-table, :hover {border: 1px solid #FFF;}
a.imgtext-table, :active {border: 1px solid #FFF;}
Wie weise ich den Bildern denn die css-klasse zu ?
<img src="..." class="deineKlasse" alt="" />