habe folgendes Problem:
ich habe ein geslictes Bild in einer Tabelle. Nun möchte ich beim Überfahren des Bildes einen 2px großen Rahmen um die Links anzeigen.
Problem1: das Bild wird beim Anzeigen der Rahmen um 2px auseinandergeschoben
Lösung: für img:hover mit margin: -2px
Problem2: Jetzt wird das Bild zwar nicht mehr auseinandergeschoben, allerdings verschwindet der untere und rechte Teil des Rahmens (wahrscheinlich unter den danebenliegenden Tabellenspalten)
Hier der Code:
CSS:
- Code: Alles auswählen
#slice1 tr td a img:hover
{
margin: -2px;
border: 2px solid #FE0048;
}
HTML:
- Code: Alles auswählen
<table id="slice1" width="551" height="355" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="slices/slice1/Bilder/1leerFB_01.jpg" width="550" height="95" alt=""></td>
<td>
<img src="slices/slice1/Bilder/spacer.gif" width="1" height="95" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="slices/slice1/Bilder/1leerFB_02.jpg" width="223" height="260" alt=""></td>
<td rowspan="2">
'.create_link ('index.php?action=artikeldetails&artikelnummer=176', '<img src="slices/slice1/Bilder/1leerFB_03.jpg" width="81" height="77" alt="">').'</td>
<td colspan="2">
<img src="slices/slice1/Bilder/1leerFB_04.jpg" width="246" height="38" alt=""></td>
<td>
<img src="slices/slice1/Bilder/spacer.gif" width="1" height="38" alt=""></td>
Danke schonmal im Voraus für eure Antworten,
Chry
