sorry

[Christoph]

Guten apetit

Boah bin ich satt ;)

Ok hab mal was erarbeitet:

<table width="30%" height="100" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="80%"><a onfocus="if(this.blur)this.blur()" href="#" onmouseover="document.stern1.src='images/stern.gif';" onmouseout="document.stern1.src='images/transparent.gif';">link</a></td>
    <td width="20%"><img src="images/transparent.gif" width="100" height="30" border="0" name="stern1"></td>
  </tr>
  <tr>
    <td><a onfocus="if(this.blur)this.blur()" href="#" onmouseover="document.stern2.src='images/stern.gif';" onmouseout="document.stern2.src='images/transparent.gif';">link 1</a></td>
    <td><img src="images/transparent.gif" width="100" height="30" border="0" name="stern2"></td>
  </tr>
  <tr>
    <td><a onfocus="if(this.blur)this.blur()" href="#" onmouseover="document.stern3.src='images/stern.gif';" onmouseout="document.stern3.src='images/transparent.gif';">link 2</a></td>
    <td><img src="images/transparent.gif" width="100" height="30" border="0" name="stern3"></td>
  </tr>
  <tr>
    <td><a onfocus="if(this.blur)this.blur()" href="#" onmouseover="document.stern4.src='images/stern.gif';" onmouseout="document.stern4.src='images/transparent.gif';">link 3</a></td>
    <td><img src="images/transparent.gif" width="100" height="30" border="0" name="stern4"></td>
  </tr>
  <tr>
    <td><a onfocus="if(this.blur)this.blur()" href="#" onmouseover="document.stern5.src='images/stern.gif';" onmouseout="document.stern5.src='images/transparent.gif';">link 4</a></td>
    <td><img src="images/transparent.gif" width="100" height="30" border="0" name="stern5"></td>
  </tr>
</table>

Wie du siehst ist es so ganz einfach! Du hast ein transparentes gif was du vorher noch erstellen musst und halt dein Stern Bild oder so. Schau dir den Quelltext mal an und ändere ihn halt auch so ab!

Gruß Christoph

pascal