Hoverbild

Dieses Thema im Forum "Webdesign" wurde erstellt von D00m, 29. März 2008 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 29. März 2008
    Hi Leute habe da ein Problem habe ne HP bekommen welche mit hilfe von Hoverbildern arbeitet.Das Problem ist nun folgendes habe einen weitere button hinzugefügt.Doch sobalt ich diesen zufüge funktioniert die Hoverbildversion nicht mehr bei den erstellten Button sowie bei dem darüberliegenden.

    Ich poste mal den Code wie ich ihn eingegeben habe und wie gesagt das Hoverbild funktioniert bei Home Bilder und News aber bei Termine und bei Musik geht es halt nicht mehr.Gehe davon aus das der Code falsch eingegeben ist vielleicht wisst ihr ja was ich nun machen kann.

    Code:
    <tr>
     <td height="96" align="right" valign="bottom" bgcolor="#FFFFFF"><p><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Pics/Navi/Mouseover/home.jpg',1)"><img src="Pics/Navi/Norm/home.jpg" name="Image5" width="172" height="20" border="0"></a><br>
     <a href="bilder.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Pics/Navi/Mouseover/bilder.jpg',1)"><img src="Pics/Navi/Norm/bilder.jpg" name="Image1" width="172" height="20" border="0"></a><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br><img src="Pics/Navi/Norm/news.jpg" name="Image2" width="172" height="20" border="0"></a><br>
     <a href="termine.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Pics/Navi/Mouseover/termine.jpg',1)"><img src="Pics/Navi/Norm/termine.jpg" name="Image3" width="172" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br>
     <a href="musik.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Musikbutton','','Pics/Navi/Mouseover/musik.jpg',1)"><img src="Pics/Navi/Norm/musik.jpg" name="Image3" width="172" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br>
     </tr>
     
  2. 29. März 2008
    AW: Hoverbild

    Das ist einfach vom Dreamweaver generiert worden...
    Ich versuche das mal kurz zurecht zu biegen ... irgendwie stimmt da sowieso was nicht ... der <td> tag schließt zb nicht


    Was sind das jetzt genau für punkte die da drin sein müssen?
     
  3. 29. März 2008
    AW: Hoverbild

    Dein Code:

    <tr>
    <td height="96" align="right" valign="bottom" bgcolor="#FFFFFF"><p><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Pics/Navi/Mouseover/home.jpg',1)"><img src="Pics/Navi/Norm/home.jpg" name="Image5" width="172" height="20" border="0"></a><br>
    <a href="bilder.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Pics/Navi/Mouseover/bilder.jpg',1)"><img src="Pics/Navi/Norm/bilder.jpg" name="Image1" width="172" height="20" border="0"></a><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br><img src="Pics/Navi/Norm/news.jpg" name="Image2" width="172" height="20" border="0"></a><br>
    <a href="termine.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Pics/Navi/Mouseover/termine.jpg',1)"><img src="Pics/Navi/Norm/termine.jpg" name="Image3" width="172" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br>
    <a href="musik.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Musikbutton','','Pics/Navi/Mouseover/musik.jpg',1)"><img src="Pics/Navi/Norm/musik.jpg" name=" Image3 " width="172" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br>
    </tr>

    Mein Code:

    <tr>
    <td height="96" align="right" valign="bottom" bgcolor="#FFFFFF"><p><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','Pics/Navi/Mouseover/home.jpg',1)"><img src="Pics/Navi/Norm/home.jpg" name="Image5" width="172" height="20" border="0"></a><br>
    <a href="bilder.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Pics/Navi/Mouseover/bilder.jpg',1)"><img src="Pics/Navi/Norm/bilder.jpg" name="Image1" width="172" height="20" border="0"></a><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br><img src="Pics/Navi/Norm/news.jpg" name="Image2" width="172" height="20" border="0"></a><br>
    <a href="termine.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','Pics/Navi/Mouseover/termine.jpg',1)"><img src="Pics/Navi/Norm/termine.jpg" name="Image3" width="172" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br>
    <a href="musik.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Musikbutton','','Pics/Navi/Mouseover/musik.jpg',1)"><img src="Pics/Navi/Norm/musik.jpg" name=" Musikbutton " width="172" height="20" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Pics/Navi/Mouseover/news.jpg',1)"><br>
    </tr>

    Was anderes fällt mir grad nicht auf

    EDIT: Im übrigen ist es bei solchen Problemen hilfreich die funktion mit zu Posten, also z.B. MM_swapImage();
     
  4. 29. März 2008
    AW: Hoverbild

    Code:
    <tr>
     <td height="96" align="right" valign="bottom" bgcolor="#FFFFFF">
     <a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','Pics/Navi/Mouseover/home.jpg',1)"><img src="Pics/Navi/Norm/home.jpg" name="home" width="172" height="20" border="0"></a><br />
     <a href="bilder.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bilder','','Pics/Navi/Mouseover/bilder.jpg',1)"><img src="Pics/Navi/Norm/bilder.jpg" name="bilder" width="172" height="20" border="0"></a><br />
     <a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','Pics/Navi/Mouseover/news.jpg',1)"><img src="Pics/Navi/Norm/news.jpg" name="news" width="172" height="20" border="0"></a><br />
     <a href="termine.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('termine','','Pics/Navi/Mouseover/termine.jpg',1)"><img src="Pics/Navi/Norm/termine.jpg" name="termine" width="172" height="20" border="0"></a><br />
     <a href="musik.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('musik','','Pics/Navi/Mouseover/musik.jpg',1)"><img src="Pics/Navi/Norm/musik.jpg" name="musik" width="172" height="20" border="0"></a>
     </td>
    </tr>
    
    so müsste es dann gehen
     
  5. 30. März 2008
    AW: Hoverbild

    nutz css. den schmarn den dir dreamweaver da gibt kannst direkt löschen oder 10jahre in der zeit zurückreisen und da verwenden.
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.