• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseoverdarstellung in HTML Signatur

Status
Für weitere Antworten geschlossen.
J

Jonny

Neues Mitglied
Hallo!

Ich habe mir in meinem Forum - Woltlab Burning Board <- Software - eine HTML (ist für Signatur freigeschaltet) Signatur mit Mouseovers eingerichtet.

Der Internet Explorer stellt aber alle Mouseovers nur als Rote Kreuze dar, die erst wenn man mit der Maus drübergeht zum Bild werden. Dann funktioniert aber alles.

Bei Firefox sieht man überhaupt nichts, es sei denn man gibt " border="1" " an. Dann wird der Rahmen dargestellt und, wenn man den mit dem Cursor berührt erscheint das Bild.

Hier ist der Code.......

codeS.png
HTML: 
 onMouseOver= onMouseOut= <a href="http://flying-time.de/wbb2""image1.src='http://flying-time.de/11.gif';""image1.src='http://flying-time.de/t 11.gif';" >
<img name="image1" src="t 11.gif"
width="145" height="193"
 border="0" 
  style=" margin-left:0px;"></a>

 onMouseOver= onMouseOut= <a href="http://flying-time.de/wbb2""image2.src='http://flying-time.de/22.gif';""image2.src='http://flying-time.de/t 22.gif';" >
<img name="image2" src="t 22.gif"
width="145" height="193"
 border="0" 
style=" margin-left:-5px;"></a>

 onMouseOver= onMouseOut= <a href="http://flying-time.de/wbb2""image3.src='http://flying-time.de/33.gif';""image3.src='http://flying-time.de/t 33.gif';" >
<img name="image3" src="t 33.gif" border="0"
width="154" height="193"
 style="border-color:transparent;" style=" margin-left:-5px;"></a>

 onMouseOver= onMouseOut= <a href="http://flying-time.de/wbb2""image4.src='http://flying-time.de/44.gif';""image4.src='http://flying-time.de/t 44.gif';" >
<img name="image4" src="t 44.gif" 
width="135" height="193"
border="0" 
style=" margin-left:-5px;"></a>


 onMouseOver= onMouseOut= <a href="http://flying-time.de/wbb2""image5.src='http://flying-time.de/55.gif';""image5.src='http://flying-time.de/t 55.gif';" >
<img name="image5" src="t 55.gif" border="0" 
width="145" height="193"
style=" margin-left:-5px;"></a>

 onMouseOver= onMouseOut= <a href="http://flying-time.de/wbb2""image6.src='http://flying-time.de/66.gif';""image6.src='http://flying-time.de/t 66.gif';" >
<img name="image6" src="t 66.gif" border="0"
width="145" height="193"
 style=" margin-left:-5px;"></a>

Was hab ich da jetzt falsch gemacht?

Schonmal vielen Dank

Jonny
 
Zuletzt bearbeitet:
Sorry,
hab ich vor dem abschicken gar nicht bemerkt.

Naja, jetzt sieht's ja schonmal was zivilisierter aus :grin:
 
Ist ja auch kein HTML was du da schreibst. Die onmouse-Attribute gehören in den a-Tag hinein. So sähe es richtiger aus:

Code: 
<a href="http://flying-time.de/wbb2" onmouseover="image1.src='http://flying-time.de/11.gif';" onmouseout="image1.src='http://flying-time.de/t11.gif';" ><img name="image1" src="t 11.gif" width="145" height="193" border="0" style=" margin-left:0px;"></a>
 
HTML: 
<a href="http://flying-time.de/wbb2" onMouseOver="image1.src='http://flying-time.de/11.gif';" onMouseOut="image1.src='http://flying-time.de/t 11.gif';" >
<img name="image1" src="t 11.gif"
width="145" height="193"
 border="0" 
  style=" margin-left:0px;"></a>

<a href="http://flying-time.de/wbb2" onMouseOver="image2.src='http://flying-time.de/22.gif';" onMouseOut="image2.src='http://flying-time.de/t 22.gif';" >
<img name="image2" src="t 22.gif"
width="145" height="193"
 border="0" 
style=" margin-left:-5px;"></a>

<a href="http://flying-time.de/wbb2" onMouseOver="image3.src='http://flying-time.de/33.gif';" onMouseOut="image3.src='http://flying-time.de/t 33.gif';" >
<img name="image3" src="t 33.gif" border="0"
width="154" height="193"
 style="border-color:transparent;" style=" margin-left:-5px;"></a>

<a href="http://flying-time.de/wbb2" onMouseOver="image4.src='http://flying-time.de/44.gif';" onMouseOut="image4.src='http://flying-time.de/t 44.gif';" >
<img name="image4" src="t 44.gif" 
width="135" height="193"
border="0" 
style=" margin-left:-5px;"></a>


<a href="http://flying-time.de/wbb2" onMouseOver="image5.src='http://flying-time.de/55.gif';" onMouseOut="image5.src='http://flying-time.de/t 55.gif';" >
<img name="image5" src="t 55.gif" border="0" 
width="145" height="193"
style=" margin-left:-5px;"></a>

<a href="http://flying-time.de/wbb2" onMouseOver="image6.src='http://flying-time.de/66.gif';" onMouseOut="image6.src='http://flying-time.de/t 66.gif';" >
<img name="image6" src="t 66.gif" border="0"
width="145" height="193"
 style=" margin-left:-5px;"></a>

Danke für die Schnelle Hilfe.

So siehts jetzt aus - sah auch auf der Page so aus, scheint mir wohl beim
kopieren ein Fehler unterlaufen zu sein, Sorry.

Problem bleibt aber das Gleiche.

Firefox zeigt gar nichts an.
IE nur rote Kreuze bis man mitder Maus über diese roten Kreuze fährt.

Danke schonmal

Jonny
 
Nur Kreuze im IE

Hi Jonny,
tja ich habe auch nur Kreuze im IE, dann funzt alles. Kreiere dir doch diese Schaltflächen selber, wenn du sie benutzen darfst. Was hast du eigentlich damit vor?:wink:

Gruß Onkel_Busch
 
nichtsgeht schrieb:
Evtl. liegt es daran, dass du Leerzeichen verwendest. Wie siht es denn aus, wenn du die Maus wieder wegbewegst, wird dann eine Grafik angezeigt, oder auch nur ein Kreuz ?
Zum Vergrößern anklicken....

Leerzeichen weglassen scheint nicht zu funktionieren......
Wenn, ich einmal mit dem Cursor über das Kreuz gefahren bin, funktioniert danach das ganze Mouseover genauso wie es soll.

Nur bei Firefox wird egal was ich mache nichts angezeigt.

Hi Jonny,
tja ich habe auch nur Kreuze im IE, dann funzt alles. Kreiere dir doch diese Schaltflächen selber, wenn du sie benutzen darfst. Was hast du eigentlich damit vor?:wink:

Gruß Onkel_Busch
Zum Vergrößern anklicken....
Schaltflächen selber kreieren? :oops:

Eigentlich wollte ich mir damit eine schöne Signatur machen.

Jonny
 
Zuletzt bearbeitet:
Naja, das ist auch ein wenig.......
Auf jeden Fall schwer zu erklären.

Eine Signatur muss ja nicht unbedingt ein Gruß oder eine Botschaft enthalten.

Und mein Forum ist ein Forum, das sich mit Uhren mit einem gewissen Sammlerwert befasst. Dazu gehören - siehe Signatur Marken wie IWC, Panerai, Rolex usw. Das umfasst ein weitaus größeres Spektrum als man auf den ersten Blick glauben mag. Ist aber letztendlich auch nur eine Sammelleidenschaft. Ob jetzt Bierdeckel oder mechanische Uhren. Kommt irgendwie fast aufs selbe raus.

Wenn es dich wirklich interessiert, guck mal bei Foren wie WatchLounge - Das Uhrenforum fuer Uhrenfans von Uhrenfans oder Das Rolex Forum | Startseite vorbei.
 
Uhreneffekte

Soll das dann so etwa aussehen wie das benutzerbild von nichts geht? Na ja nur als Uhr. Oder willst du auf einer eigenen Seite auf deiner HP so etwas gestalten?
 
Hi Jonny,
da sind wir der Sache ja ein Stücksken näher gekommen. Also mouseover Effekte sind Java Geschichten. Ich kann dir leider nicht dagen, ob das Forum in dem du postetst das so hinbekommt. Die anderen Kameraden verwenden ja JPG Bilder bzw GIF Animationen, wie z.B.5001 Uhrwüchsiger. Die Signatur würde ja auch relativ groß ausfallen. Vielleicht findet sich ja noch ein anderer Berater hier im Forum. Wenn es gar nicht klappt kannst du ja die Uhren animieren und verlinken wenn du das willst. Dann hast du ja auch einen Effekt, den du einbauen kannst. Gibt es irgendwo ein funktionierendes Beispiel für deine Wünsche?
Kannst du dir animierte Gif erzeugen? Wenn nicht nochmal muxen.

Gruß Onkel_Busch

Hi Jonny,
ich habe da noch einen Fehler gesehen. Die Adresse für die transparenten Uhren lautet zum Scluss t%2011.gif und nicht t 11.gif. Bist du schon weiter gekommen?

Gruß Onkel_Busch

Hi Jonny,
ich hab's, jetzt läuft der Laden. Das sieht hier für mich einfach nur sclimm aus. Aus diesem Grund habe ich dir die HTML Datei hochgeladen. Ob das Forum in dem du postest html versteht kann ich dir allerdings nicht verraten.

HTML: 
<html>
<head>
<meta name= "title" content="Uhernleiste">
<meta name="author" content="ONKEL_BUSCH">
<meta name="publisher" content="privat">
<meta name="owner" content="JONNY">
<meta name="date" content="2007-01-05T17:30:45+01:00">
<meta name="revisit-after" content="7 days">
<meta name="description" content="Hier ticken die Uhren">
<meta name="keywords" content="Zeitmessung">
<meta name="robots" content="index, follow">
<meta http-equiv="expires" content="604800">
<title>JavaScript - Signatur</title>
<base target="Hauptframe">
</head>
<body>
<div style="position: absolute; left: 2; top: 2; width: 150; height: 200">
<a onMouseOver="_11.src='http://www.flying-time.de/11.gif';" 
onMouseOut="_11.src='http://flying-time.de/t%2011.gif';" 
target="_parent" href="../index.html">
<img name="_11"src="http://flying-time.de/t%2011.gif"border="0" width="150px" height="200px"></a></div>
<div style="position: absolute; left: 152; top: 2; width: 150; height: 200">
<a onMouseOver="_22.src='http://www.flying-time.de/22.gif';" 
onMouseOut="_22.src='http://flying-time.de/t%2022.gif';" 
target="_parent" href="../index.html">
<img name="_22"src="http://flying-time.de/t%2022.gif"border="0" width="150px" height="200px"></a></div>
<div style="position: absolute; left: 302; top: 2; width: 150; height: 200">
<a onMouseOver="_33.src='http://www.flying-time.de/33.gif';" 
onMouseOut="_33.src='http://flying-time.de/t%2033.gif';" 
target="_parent" href="../index.html">
<img name="_33"src="http://flying-time.de/t%2033.gif"border="0" width="150px" height="200px"></a></div>
<div style="position: absolute; left: 452; top: 2; width: 150; height: 200">
<a onMouseOver="_44.src='http://www.flying-time.de/44.gif';" 
onMouseOut="_44.src='http://flying-time.de/t%2044.gif';" 
target="_parent" href="../index.html">
<img name="_44"src="http://flying-time.de/t%2044.gif"border="0" width="150px" height="200px"></a></div>
<div style="position: absolute; left: 602; top: 2; width: 150; height: 200">
<a onMouseOver="_55.src='http://www.flying-time.de/55.gif';" 
onMouseOut="_55.src='http://flying-time.de/t%2055.gif';" 
target="_parent" href="../index.html">
<img name="_55"src="http://flying-time.de/t%2055.gif"border="0" width="150px" height="200px"></a></div>
<div style="position: absolute; left: 752; top: 2; width: 150; height: 200">
<a onMouseOver="_66.src='http://www.flying-time.de/66.gif';" 
onMouseOut="_66.src='http://flying-time.de/t%2066.gif';" 
target="_parent" href="../index.html">
<img name="_66"src="http://flying-time.de/t%2066.gif"border="0" width="150px" height="200px"></a></div>
</body>
</html>
 

Anhänge

Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben