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

Mouseovereffekt (Hover) hilfe

Status
Für weitere Antworten geschlossen.
H

Hansebanga

Neues Mitglied
Hallo!,
also ich bin absoluter anfänger in html java php usw... so ich möchte einen vernüpftigen code wenn's geht kein css da komm ich net mit klar.
also okay wäre wenn es ein html oder javascript wäre den man natürlich auch in html dateien einbinden kann mein hoer sollte volgendermaßen aussehen: wenn man mit der maus über das anfangsbild (MIT NER MAUS DRÜBERFÄHRT) das dann ein anderes bild erscheint also bild 2 und wenn man wieder runtergeht das anfangsbld wieder erscheint .

am besten das standartbild "bild 1" nennen und das wenn man mit der maus drüberfährt "bild 2" mein bildformat ist .jpg

thx schonmal für die antworten
Hansebanga
 
Naja, könnte an deinem Quelltext liegen...

Ganz am Ende schreibst du folgendes:
Code: 
/html></body>
Richtig ists so:
Code: 
</body></html>
Hinter </html> kommt nichts mehr.

Dann hast du einige Links drinnen, die mit file:///C:/... anfangen, die funktionieren nur auf deinem PC und auf keinem anderen, weil sie auf deine Festplatte verweisen.

Bei einigen tags hast du die > am Ende vergessen oder die < am Anfang fehlen, mitten in deinem Body-bereich ist nochmal ein Head-Bereich, der da nicht hingehört, ganz am Anfang die beiden Zeichen vor <html> gehören auch da nicht hin, der Doctype fehlt ganz..., kurz gesagt: Alles ziemlich durcheinander, kein Wunder, dass sich dein browser da nicht mehr mit auskennt.

Bevor du weiter machst wäre es ratsam, dich erst mal mit den HTML-Grundlagen zu Beschäftigen. Schau dir mal diese Seiten an:

SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Kommentare und Credits
Und rein zur Info: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Guter HTML-Stil

Das wird dir mit Sicherheit weiterhelfen, wenn du dich einfach nur an die Regeln von HTML halten würdest hättest du auch keine probleme und der oben gepostete Code würde funktionieren.
 
Hallo,

mit welchem Editor haste das denn geschrieben? Kopier deinen Code mal in Notepad, dann sollten die Sonderzeichen verschwinden.


N43
 
Könnt ihr mir mal den Code so einrichten das der Hovereffekt richtig funktioniert wäre nett ich schreib euch mal den code rein:

<html>
<head><title>Meine erste Homepage</title></head>
<body background="http://ww3.de/grund.gif"
Hi na wie gehts??
<hr>
<b>HIHI</b>
<hr>
<pre> HEHE </pre>
<hr>
<li> <- ein punkt programmiert mit html
<hr>
<a href="Index of /" target="main" onMouseOver="image.src='http://crazychips.cr.funpic.de/Tsbanner.jpg';"
onMouseOut="image.src='Namenlos.jpg;">
<img name="image" src="Namenlos.jpg" width="139" height="45"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
<hr>
<u>Heute geht es <b>mir</b> sehr gut.</u>
<hr>
<title>Dynamische grafische Buttons</title> <script type="text/javascript"> Normal1 = new Image(); Normal1.src = "button1.gif"; /* erste Standard-Grafik */ Highlight1 = new Image(); Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */ Normal2 = new Image(); Normal2.src = "button2.gif"; /* zweite Standard-Grafik */ Highlight2 = new Image(); Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */ Normal3 = new Image(); Normal3.src = "button3.gif"; /* dritte Standard-Grafik */ Highlight3 = new Image(); Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */ /* usw. fuer alle weiteren zu benutzenden Grafiken */ function Bildwechsel (Bildnr, Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src; } </script> <style type="text/css"> h1 { color:#6363A5; font-family:Arial,sans-serif; } p { color:#000000; font-family:Arial,sans-serif; } </style> </head> <body bgcolor="#FFFFC0" background="buttonsback.gif"> <table border="0" cellpadding="0" cellspacing="0"><tr> <td valign="top"> <a href="../../../index.htm" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)"><img src="button1.gif" width="130" height="30" border="0" alt="Home"></a><br> <a href="../../../helferlein/index.htm" onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel(1, Normal2)"><img src="button2.gif" width="130" height="30" border="0" alt="Helferlein"></a><br> <a href="../../../layouts/index.htm" onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel(2, Normal3)"><img src="button3.gif" width="130" height="30" border="0" alt="Layouts"></a><br> </td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> <td valign="top"> <h1>Dynamische grafische Buttons</h1> <p><b>Fahren Sie mit der Maus über die Buttons. Sie dürfen auch draufdrücken ;-)</b></p> </td> </tr> </table>
<hr>
<img src="button2.gif" alt="" onmouseover="this.src='button2.gif' onmouseout="this.src='button1.gif'/>

</body></html>
Zum Vergrößern anklicken....


€diT.:Ich habe noch eine Frage.Wie kann mann Bilder ordnen also an der Ort und stelle hinsetzen wo man will z.b bei einem Design irgendwie müsen doch die Buttons nach links kommen und der Header nach oben. Geht das mit CSS oder mit HTML??
 
Zuletzt bearbeitet:
<img src="bil1.jpg" alt="" onmouseover="this.src='bild2.jpg'" onmouseout="this.src='bild1.jpg'" />
SChließende Anführungszeichen vergessen
 
:sad: schreib mir den kompletten html code mal rein das geht net!! schreib mir mal den code mi html und mi java aber KOMPLETT das ich die nur öffnen brauch DAS GEHT NET!!!!!! :sad: :sad: :sad: :sad: :sad: :sad:
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben