Popup mit CSS? Code entschlacken?

[Thomas Taubert]

Hallo,
ich erzeuge mittels CSS ein Popup Fenster zur näheren Beschreibung.
Ich verwende dieses Popup auf ein und derselben Seite öfters, ändere aber immer nur die Positionsangabe um 15px.
Gibt es eine Möglichkeit den Code zu entschlacken, damit ich den unveränderten Code nicht immer wieder neu aufführen muss?

Code-Beispiel
<title>books</title>
<style type="text/css">
.popup-01 a span { display: none; }
.popup-02 a span { display: none; }
...

.popup-01 a:hover span { display: block; text-decoration: none; position: absolute; top: 190px; left: 220px; width: 550px; padding: 2px; background: #efefef; border: 1px solid #666; z-index: 1; }

.popup-02 a:hover span { display: block; text-decoration: none; position: absolute; top: 205px; left: 220px; width: 550px; padding: 2px; background: #efefef; border: 1px solid #666; z-index: 1; }

...

</style>
</head>

...
<td class="popup-01">Text<a href="#"><img src="bild.gif" alt="" width="20" height="14" border="0" align="top"><span>Text</span></a>

---------------
Danke im Voraus
Thomas Taubert

[Cheatah]

Hi,

Gibt es eine Möglichkeit den Code zu entschlacken, damit ich den unveränderten Code nicht immer wieder neu aufführen muss?

natürlich. Nenne die sich wiederholenden Angaben in einem allgemeineren Selektor. Beachte dabei, dass Du aufgrund diverser IE-Bugs gewisse Zugeständnisse machen musst, wenn Dir die verworrenen Effekte in dieser Browserfamilie nicht egal sind.

Cheatah