nicht angemeldet
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>
---------------
Antwort bitte per Mail bzw. gebt eure Mail-Adresse an, falls ich weitere Fragen habe bzw. Unklarheiten bestehen?!
Danke im Voraus
Thomas Taubert
---------------
Zusatz - Antwort von Cheatah:
Nenne die sich wiederholenden Angaben in einem allgemeineren Selektor. <<
-> Wie geht das?
Beachte dabei, dass Du aufgrund diverser IE-Bugs gewisse Zugeständnisse machen musst, wenn Dir die verworrenen Effekte in dieser Browserfamilie nicht egal sind. <<