✔ Hässliger Rahmen um Images

[Grunge]

Hi Leute..
Schaut euch das doch mal kurz an:

[...]
<script type="text/javascript" language="JavaScript">
<!--
i01 = new Image();
i01.src = "images/index_07.gif"; /* Home 1 */
i02 = new Image();
i02.src = "images/index_07b.gif"; /* Home 2 */
i03 = new Image();
i03.src = "images/index_08.gif"; /* Music 1 */
i04 = new Image();
i04.src = "images/index_08b.gif"; /* Music 2 */
i05 = new Image();
i05.src = "images/index_09.gif"; /* Media 1 */
i06 = new Image();
i06.src = "images/index_09b.gif"; /* Media 2 */
i07 = new Image();
i07.src = "images/index_10.gif"; /* Evil Devils 1 */
i08 = new Image();
i08.src = "images/index_10b.gif"; /* Evil Devils 2 */
i09 = new Image();
i09.src = "images/index_11.gif"; /* Guestbook 1 */
i10 = new Image();
i10.src = "images/index_11b.gif"; /* Guestbook 2 */

function hiLite(imgID,imgObjName) {
// imgID - Name des auszutauschenden Bildes z.B. foto2
// imgObjName - Name des Bildes mit dem ausgetauscht wird z.B. i02
document.images[imgID].src = eval(imgObjName + ".src")
}
//-->
</script>

[...]

<td><a href="#" OnMouseover = "hiLite('home','i02')" OnMouseout  = "hiLite('home','i01')"><img  border="0" name="home" src="images/index_07.gif" width="72" height="33" alt=""></a></td>
                <td><a href="#" OnMouseover = "hiLite('music','i04')" OnMouseout  = "hiLite('music','i03')"><img name="music" src="images/index_08.gif" width="78" height="33" alt=""></a></td>
                <td><a href="#" OnMouseover = "hiLite('media','i06')" OnMouseout  = "hiLite('media','i05')"><img name="media" src="images/index_09.gif" width="93" height="33" alt=""></a></td>
                <td><a href="#" OnMouseover = "hiLite('ed','i08')" OnMouseout  = "hiLite('ed','i07')"><img name="ed" src="images/index_10.gif" width="123" height="33" alt=""></a></td>
                <td colspan="2"><a href="#" OnMouseover = "hiLite('gb','i10')" OnMouseout  = "hiLite('gb','i09')"><img name="gb" src="images/index_11.gif" width="110" height="33" alt=""></a></td>

[...]

Also wie ihr seht, hab ich einen Mouseover effekt eingebaut, der Bilder tauschen soll. Funktioniert auch soweit, doch der Link-Verweis zaubert nen hässligen Rahmen um die Images. Ihr seht das ich bei der "HOME"-Grafik schonborder auf 0 gesetzt habe, jedoch kriege ich dadurch immer noch zwei weiße balken über der Grafik. Wie krieg ich das weg !?

Danke im Vorraus ! !

 

[Gumbo]

Einfach mit CSS entfernen:

a img {
	border: none;
}

 

[Maik]

Vielleicht hilft es, wenn der Rahmen mit CSS deaktiviert wird:

a img {
border: none;
}

 

[Grunge]

Tatsache hat es ^^ Ich danke euch !! ! !