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

Bitte um Hilfe bei Mouseover !

P

paule

Neues Mitglied
Hallo liebe Spezialisten,

als html Neuling stehe ich vor einem für euch bestimmt kleinen Problem.
Ich habe mir in Frontpage eine interaktive Schaltfläche gebastelt.
Nun möchte ich den Code kopieren und in einem anderen Programm einsetzen.
Hierfür habe ich die Bilder der Schaltflächen in das Stammverzeichnis meiner Website kopiert.

ul-piloten.de/1_ul-piloten/images/BRICKH6A.gif
ul-piloten.de/1_ul-piloten/images/BRICKH6B.gif
ul-piloten.de/1_ul-piloten/images/BRICKH6C.gif

Ich scheitere nun daran in dem von Frontpage erstellten Code die URL der Schaltflächen zu ändern.

Kann mir jemand helfen?
Ich würde mich riesig freuen.

HTML: 
<img border="0" id="img5" src="file:///C:/Dokumente%20und%20Einstellungen/Administrator/Lokale%20Einstellungen/Temporary%20Internet%20Files/FrontPageTempDir/button41.jpg" height="22" width="110" alt="Startseite" fp-style="fp-btn: Brick Row 6; fp-font: Trebuchet MS; fp-font-color-normal: #FFFFFF; fp-font-color-hover: #FF0000; fp-font-color-press: #00FF00; fp-orig: 0" fp-title="Startseite" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'file:///C:/Dokumente%20und%20Einstellungen/Administrator/Lokale%20Einstellungen/Temporary%20Internet%20Files/FrontPageTempDir/button42.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'file:///C:/Dokumente%20und%20Einstellungen/Administrator/Lokale%20Einstellungen/Temporary%20Internet%20Files/FrontPageTempDir/button41.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'file:///C:/Dokumente%20und%20Einstellungen/Administrator/Lokale%20Einstellungen/Temporary%20Internet%20Files/FrontPageTempDir/button43.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'file:///C:/Dokumente%20und%20Einstellungen/Administrator/Lokale%20Einstellungen/Temporary%20Internet%20Files/FrontPageTempDir/button42.jpg')">
Viele Grüße
Michael
 
Der Code für Mouseover Effekte sieht so aus:
Code: 
<img border="0" id="img5" src="Bild 1.jpg" height="22" width="110" alt="Startseite" onmouseover="this.src='Bild 2.jpg';" onmouseout="this.src='Bild 3.jpg';" />
Bild 1 wird beim Drüberfahren mit der Maus auf Bild 2 geändert, wenn du mit der Maus vom Button wieder runter gehst, kommt Bild 3. Bild 1 und Bild 3 können auch identisch sein.

Warum brauchst du hier so viele Styleangaben? Es handelt sich doch hier nur um ein Bild und ich sehe keinerlei Text.

Du kannst Mouseover Effekte auch mit CSS machen. Du machst eine Liste oder einen Div oder einen einfachen Link und fügst Folgendes in dein CSS Dokument:

Code: 
#button {background:transparent url(Bild1.jpg) no-repeat scroll 0 0;height:22px;width:110px;}
#button:hover {background:transparent url(Bild2.jpg) no-repeat scroll 0 0;}
Vorteil der Geschichte: Funktioniert auch, wenn CSS ausgeschaltet ist.

Das CSS Dokument fügst du im <head>-Teil deiner Webseite ein mit folgendem Code:

Code: 
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
 
Hallo!
Vorab Danke für Deine Antwort.
Über der Graphik wird mir der Text "Startseite" angezeigt.
Standardfarbe = Weiß, Mouseover = Rot, Gedrückt = Grün.
Die drei Graphiken sind noch identisch, die wollte ich später ändern.

Habe noch einmal versucht meinen Code anzupassen, verzweifel aber leider.
Kann mir jemand "BITTE" meinen Code anpassen???

1.000 Dank
Michael
 
Naja, dann arbeite am Besten mit CSS und value.

Value ist der Text eines Buttons, unabhängig vom Hintergrund. Du kannst dann bei #button:hover die Schriftfarbe anpassen.

Schick mal den kompletten Code der Webseite bzw. einen Link.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben