Ich komm hier nicht weiter (javascript)

guiseyn

Hallo,
ich bin neu hier und begrüß euch erstmal.
Nun zum Problem.
Ich pflege eine Hompage wo mich etwas nervt. Es gibt eine Aktion die mit javascript geschrieben wurde. Beim öffnen habe ich kleine Rechtecke, anstatt der roten Pfeile.

Siehe hier bei "Chronik":

Wenn ich dann mit der Maus über den Text fahre, erscheinen kleine rote Pfeile.

Siehe hier:

Nachdem ich alle Zeilen berührt habe, sind die kleinen Rechtecke weg und es erscheinen wie gewünscht nur die kleinen roten Pfeile.

Siehe hier:

Was muß ich ändern, damit beim aufrufen des links, keine kleinen Rechtecke nicht mehr erscheinen.

Hier ein Ausschnitt vom Quelltext:

<tr>
<td><a class=NavLink target="menue" href="chro/chro.htm">Chronik</a></td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="16"><img src="bilder/invisible.gif" width=4 height=7 border="0" name="menue4"></td>
<td width="118"><a class=subNavLink onMouseOver="over('menue4', 'menueon')" onMouseOut="over('menue4', 'menueoff')" target="menue" href="chro/chro7.htm">1952-1999</a></td>
</tr>
<tr>
<td width="16"><img src="bilder/invisible.gif" width=4 height=7 border="0" name="menue5"></td>
<td width="118"><a class=subNavLink onMouseOver="over('menue5', 'menueon')" onMouseOut="over('menue5', 'menueoff')" target="menue" href="chro/chro4.htm">1947-1949</a></td>
</tr>
<tr>
<td width="16"><img src="bilder/invisible.gif" width=4 height=7 border="0" name="menue6"></td>
<td width="118"><a class=subNavLink onMouseOver="over('menue6', 'menueon')" onMouseOut="over('menue6', 'menueoff')" target="menue" href="chro/chro1.htm">1899-1930</a></td>
</tr>
</table>
</td>
</tr>

Ich hoffe das reicht, ansonsten stell ich mehr zu Verfügung. Die Seite kann auch direkt aufgerufen werden.

Siehe hier:

http://www.turner-schuetzen.de/

Gruß Guido

unknownsoldier

Vergiss deinen ganzen Tabellenkram, mach die Navigation anständig und die Hover-Effekte mit CSS :hover. Hier mal schnell ein Beispiel:
HTML-Code:

HTML

<ul id="navigation">
   <li><a href="#">Link</a></li>
   <li><a href="#">Link</a>


   <!-- untermenu -->
   <ul>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
   </ul>
 
  </li>
   <li><a href="#">Link</a></li>
   <li><a href="#">Link</a></li>
</ul>

Alles anzeigen

CSS:

Code

ul#navigation {
  .. styleangaben ...
  list-style-image: url( /* hier dein Bildpfad */);
}
ul li ul {
  display:none;
}
ul li:hover ul {
  display:block;
}


/*
Durch weitere CSS-Angaben kannst du deine Navigation aufhübschen und mit ":hover" zb. a:hover das Aussehen bei Mouseover bestimmen.
*/

Alles anzeigen

Vllt. solltest du dir vorher auch noch einmal diese Seite anschauen:
http://www.css4you.de

und

http://ohne-css.gehts-gar.net/

guiseyn

Danke dir. Der Aufbau scheint so viel einfacher zu sein. Ich probier es mal aus. Mal schauen wie weit ich komm.

Gruss
Guido

Tags