mehrere Links bei mouseover

[blogadicto]

Hallo nochmal, denke die Frage gehört hierhin, also habe seit kurzem mit html angefangen und bräuchte hierfür eine Erweiterung:

  
<h1  
onmouseover="this.innerHTML='text2';"  
onmouseout="this.innerHTML='text1;"  
href="http://homepage.com/">text1</h1>  

So wechselt der Text bei mouseover. Ich würde aber gern unter Text2 nicht nur den einen link haben (href="http://homepage.com/") sondern mehrere, da Text 2 aus mehreren Wörtern besteht und jedes einzelne Wort zu einem anderen Link verweisen soll. Ich habe versucht über eine div eine horizontale Linkliste unter 'text2' zu definieren, aber das funktioniert wohl nicht so einfach wie ich dachte.
Kann mir jemand zeigen wie ich den Code erweitern kann, ohne auf javascript zurückzugreifen?
Wäre dankbar für jeden Tipp!

[Beat]

<h1
onmouseover="this.innerHTML='text2';"
onmouseout="this.innerHTML='text1;"
href="http://homepage.com/">text1</h1>

Hier hasst du ein problem mit Anführungszeichen.

[/code]

Kann mir jemand zeigen wie ich den Code erweitern kann, ohne auf javascript zurückzugreifen?
Wäre dankbar für jeden Tipp!

Wenn du eine Linkliste sichbar machen willst, wenn jemand über <h1> mausert, so geht das mit CSS.

<h1>gfjh</h1>
<ul class="info">
<li><a>...</a></li>
...
</ul>

h1 + ul.info
    {display:none}
h1:hover + ul.info,
h1 + ul.info:hover
    {display:block}

man muss noch etwas mit negativem margin zirkeln, damit die maus den Übergang von h1 zu ul schafft.

mfg Beat

[blogadicto]

Danke für die Hinweise. Noch bastle ich daran herum. Nur die Linkliste sollte ja einer der vielen Versuche sein, die Links im gewechselten Text zu bekommen. Die erscheinen mit ul vertikal wie eine Liste eben. Leider versuche ich einen Text mit links in der horizontalen hinzubiegen.
Also mal angenommen hier steht ein Text1:

"Das ist Text1"

Bei mouseover erscheint an genau derselben Stelle und Ausrichtung:

"Das wurde jetzt zu Text2"

Mit dem kleinen Unterschied, das sich unter z.B. "Das", "jetzt" und "Text2" auch noch links verbergen sollen.

Mit dem Code, den ich angegeben habe, bekomme ich den Wechsel hin, aber nur so, dass der gesamte Text: "Das wurde jetzt zu Text2" auf einen einzelnen Link verweist.

Und offensichtlich klappt es nicht, einfach in den mouserover Befehl die href's einzufügen.

Voneinander getrennt bekomme ich die Befehle wunderbar hin... nur an der Verbindung haperts... wie so üblich bei Anfängern! Also wenn noch was in der Richtung möglich ist, lasst es mich wissen.

Gruß!

[Beat]

Die erscheinen mit ul vertikal wie eine Liste eben. Leider versuche ich einen Text mit links in der horizontalen hinzubiegen.
Also mal angenommen hier steht ein Text1:

"Das ist Text1"

Bei mouseover erscheint an genau derselben Stelle und Ausrichtung:

"Das wurde jetzt zu Text2"

Mit dem kleinen Unterschied, das sich unter z.B. "Das", "jetzt" und "Text2" auch noch links verbergen sollen.

Listen kann man floaten.
Man kann Listen positioniernen.
Man kann...

ach lerne CSS...

mfg Beat

[blogadicto]

Sorry!,

also habe jetzt folgenden Code und soweit klappt alles.

<a>menu text</a>
<ul style="list-style-type:none" class="info">
<li><a href="http://menutext1.com/">text1</a></li><li><a href="http://menutext2.com/">text2</a></li><li><a href="http://menutext3.com/">text3</a></li></ul>
<style type="text/css">
a + ul.info {display:none}
a:hover + ul.info, a + ul.info:hover {display:block}
</style>

Aber beim ausprobieren auf der Homepage werden die Links bei Hover mal angezeigt mal nicht, so ganz zufällig, wenn man vom "menu text" auf die Links springt, egal wie schnell. Mit verschiedenen Browsern bleibt das Problem. Ist das immer so mit hover? Oder liegt es am Code? Kann man vielleicht noch was einfügen, um das zu verhindern. Sonst scheint es so, als wären die Menüpunkte nur Infos und die Navigation funktioniert dann nicht mehr einwandfrei. Weiß jemand Abhilfe?

[Beat]

Aber beim ausprobieren auf der Homepage werden die Links bei Hover mal angezeigt mal nicht, so ganz zufällig, wenn man vom "menu text" auf die Links springt, egal wie schnell. Mit verschiedenen Browsern bleibt das Problem. Ist das immer so mit hover? Oder liegt es am Code? Kann man vielleicht noch was einfügen, um das zu verhindern. Sonst scheint es so, als wären die Menüpunkte nur Infos und die Navigation funktioniert dann nicht mehr einwandfrei. Weiß jemand Abhilfe?

Standardisiere für alle Browser
ul.info, ul.info li{margin:0;padding:0;list-style:none;}

Solche Dinge musst du dir angewöhnen. Wir posten hier selten fix-fertigen Code.

mfg Beat

[Patrick Andrieu]

Hallo Beat!

Hier hasst du ein problem mit Anführungszeichen.

Ich hasse auch Probleme mit Anführungszeichen, habe aber selten welche.

Viele Grüße aus Frankfurt/Main,
Patrick