Verlinkte Bilder zeigen grauen Balken

[schilleranne]

Hallo liebe TB´ler,

ich komme mal direkt zum Thema, also ich bastel mir gerade eine
private Homepage in Dreamweaver MX, nun habe ich folgendes
Problem:

Ich habe eine Tabelle, in dieser ist ein Bild eingeladen. Auf dem Bild
ist eine Verlinkung zu einer Galerie hinterlegt. soweit so schön...
ABER, sobald man mit dem Mauszeiger drüber fährt erscheint im
unteren Teil des Bildes ein grauer Balken... Den mag ich da aber net
haben, könnt ihr mir sagen, was ich falsch gemacht habe bzw wie ich
es weg bekomme.. im übrigen zieht es sich durch die gesamte Page.


Ich bedanke mich schonmal rechtherzlich.



Lieben Gruß Anne

[jayjay]

hallo, kannst mal den link posten?
oder zumindest den code?

[schilleranne]

das geht ja voll schnell hier... werde den code heute abend posten..

Danke.

[schilleranne]

Hier ist der Code, hoffe das es so reicht...
Bin ja noch nicht soooo fit in der Sache!!!

<table width="495" height="242" border="0" align="center">
<tr>
<td height="238"><div align="center">
<table align="center" border="0" cellspacing="10">
<tr valign="bottom">
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie1.html"><img src="../Duke%20Galerie/1.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie2.html"><img src="../Duke%20Galerie/2.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie3.html"><img src="../Duke%20Galerie/3.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie4.html"><img src="../Duke%20Galerie/4.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center">&nbsp;</td>
</tr>
<tr valign="bottom">
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie5.html"><img src="../Duke%20Galerie/5.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie6.html"><img src="../Duke%20Galerie/6.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center"> <a href="../Duke%20Galerie/Duke%20Galerie7.html"><img src="../Duke%20Galerie/7.jpg" width="130" height="86" border="0"></a><br> </td>
<td align="center"> <br>
</td>
<td align="center">&nbsp; </td>
</tr>
<tr valign="bottom">
<td align="center"> <br>
</td>
<td align="center">&nbsp; </td>
</tr>
</table>
</div></td>
</tr>
</table>

[jayjay]

hmm, wie seiht der gesamte code aus?
link wäre besser... dann hätte man alles, inkl bilder...

[schilleranne]

mh, ok... dann muss ich mich wohl erstmal duch wuseln um heraus zufinden,
wie ich das machen kann... habe die seite nur lokal gespeichert!!!


meld mich dann wieder...

[jayjay]

kannst auch mal zippen...
oder den gesamten code zeigen!

[MichaelM]

Informativ wäre wäre vielleicht auch Deine CSS, falls Du eine eingebunden hast.
(Wegen der Hover-Eigenschaften)

[schilleranne]

so habe hier einfach mal den ganzen ordner gezipt!!!

vlt hilft uns das weiter

[schilleranne]

sorry ist fehlgeschlagen!

[jayjay]

hab auch schon gemerkt
anhänge verwalten....

[schilleranne]

Da sollte jetzt das Zip zufinden sein...

http://rapidshare.com/files/36143299...Shire.zip.html

Also wie gesagt es geht mir um die grauen balken die erscheinen,
wenn ich mit der maus über die verlinkten bilder gehe...


Lieben Gruß
Die Anne

[jayjay]

jetzt bin ich bisschen schlauer.
es liegt an deinem

a:hover {
    text-decoration:none;
    background-color:#555555;
    color:#fff;
}

du könntest es allgemein in deiner format.css dahinter zb damit erweitern:

a:hover img {
    background-color:#000;
}

oder die transparenz aus deinen png's rausnehmen....
des weiteren würde ich empfehlen mehr aus css herauszuholen. dein code ist etwas unübersichtlich...

[schilleranne]

hey, erstmal danke, werde es dann zu hause mal so testen.

na wie gesagt bin echt neuling auf dem gebiet und von css,
code usw habe ich (noch) nicht wirklich ahnung...

übung macht den meister, denke ich...


Also vielen lieben dank.

[jayjay]

lass hören ob's geklappt hat...