• Liebe User, bitte beachtet folgendes Thema: Was im Forum passiert, bleibt im Forum! Danke!
  • Hallo Gemeinde! Das Problem leidet zurzeit unter technischen Problemen. Wir sind da dran, aber das Zeitkontingent ist begrenzt. In der Zwischenzeit dürfte den meisten aufgefallen sein, dass das Erstellen von Posts funktioniert, auch wenn das Forum erstmal eine Fehlermeldung wirft. Um unseren Löschaufwand zu minimieren, bitten wir euch darum, nicht mehrmals auf 'Post Reply' zu klicken, da das zur Mehrfachposts führt. Grußworte.

html ( Maus rollover Effekt ?) 2 Bilder

-Silvax-

Guest
Hi

hab da mal eine Frage:

<div align="center">
<center>
<body bgcolor="#FFFFFF" background="MainHP%20TEST.jpg" onLoad="MM_preloadImages('button1-test.jpg','mypics1.jpg','mypics2.jpg','mypics3.jpg','mypics4.jpg','mypics5.jpg')">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="20%" border="0">
<tr>
<td width="15%" height="50"> </td>
<td width="80%" height="50"><a href="asdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','mypics1.jpg',1)"><img name="Image1" border="0" src="closedbutton.jpg" width="119" height="36"></a></td>
<td width="5%" height="50"> </td>
</tr>
<tr>
<td width="15%" height="52"> </td>
<td width="80%" height="52"><a href="sdf" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','mypics2.jpg',1)"><img name="Image2" border="0" src="closedbutton.jpg" width="119" height="36"></a></td>
<td width="5%" height="52"> </td>
</tr>
<tr>
<td width="15%" height="49"> </td>
<td width="80%" height="49"><a href="jhk" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','mypics3.jpg',1)"><img name="Image3" border="0" src="closedbutton.jpg" width="119" height="36"></a></td>
<td width="5%" height="49"> </td>
</tr>
<tr>
<td width="15%" height="50"> </td>
<td width="80%" height="50"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','mypics4.jpg',1)"><img name="Image7" border="0" src="closedbutton.jpg" width="119" height="36"></a></td>
<td width="5%" height="50"> </td>
</tr>
<tr>
<td width="15%" height="47"> </td>
<td width="80%" height="47"><a href="zti" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','mypics5.jpg',1)"><img name="Image5" border="0" src="closedbutton.jpg" width="119" height="36"></a></td>
<td width="5%" height="47"> </td>
</tr>

</table>
</table>
</center>
</div>
<br>
Zum Vergrößern anklicken....

irgendwie wird bei mir nur der letzte closedbutton angezeigt. Der Pfad wird ja auch angezeigt aber den Pfad der mypic.jpg Bilder stimmt wohl nicht ganz. Kanns auch irgendwie nicht nachvollziehen.

möchte 2 Bilder mit dem Maus Rollovereffekt für Links benutzen. Das oben ist ein Auszug von Dreamweaver.
Was genau ist hier falsch ?

Hoffe da steigt jemand durch ! *g*
 

EnimaN

Mitglied seit
02.08.2002
Beiträge
2.781
Reaktionen
0
vielleicht soltest du mal den ganzen quelltext posten?

dort fehlen auf jeden fall ein <html> tag ein <head>-tag und ein </body> tag - ausserdem solltest du deine javascript funktionen irgendwo definieren

wenn du das alles schon hattest, dann poste pls mal den ganzen text + javascript - sonst geht da nichts

btw sieht mir das sehr stark nach nem wysiwyg-editor aus :)


es sind auch ncoh ein paar fehler drin, da du z.B. 2 tabellen schließt aber nur eine öffnest - ausserdem nutzt du <div algin="center"> und gleichzeitig <center> :stupid: naja poste erstmal alles
 

Wiseguy3

Guest
Original geschrieben von EnimaN
btw sieht mir das sehr stark nach nem wysiwyg-editor aus :)
Zum Vergrößern anklicken....
Original geschrieben von -Silvax-
Das oben ist ein Auszug von Dreamweaver.
Zum Vergrößern anklicken....
Lesen soll ja bekanntlich probleme beseitigen. Ach was solls.

Zur eigentlichen Frage:
Lass dieses scheiss Javascript sein und benutz stattdessen CSS.
Hier ist ne Beispielseite von mir, die vollständig mit CSS formatiert ist.

http://www.stud.tu-ilmenau.de/~sedi-ii/informatik/

Die Rollovereffekte des Menüs (siehe z.B.: http://www.stud.tu-ilmenau.de/~sedi-ii/informatik/index.php?page=technik) sind mit folgendem einfachem CSS zu lösen:
Code: 
div#links a {display: block;
  text-align: center;
  font-weight: normal;
  padding: 0px 0px;
  margin: 0 0 3px;
  border-width: 1px;
  text-decoration: none; 
  color: black;
}

div#links a:hover {color: black;
  background-color: white;
  background-image: url(../gfx/links_schoen_bg.gif);
  text-decoration: none;
}

div#links a:active {color: black;
  background-color: white;
  background-image: url(../gfx/links_schoen_active_bg.png);
  text-decoration: none;
}
Wichtig darin ist für dich eigentlich nur der "background-image: url();" Teil.
Wichtig ist auch, dass die URL relativ zum Stylesheet gelesen wird, nicht zur Seite, in der das Stylesheet eingebunden ist.

Die Seite ist übrigens für alle Browser ausser Netscape 4 optimiert - keine Darstellungsfehler. Und selbst mit Netscape 4 kann man sie noch gut lesen, sie ist dann bloss Text only.
 
doMi-

doMi-

Mitglied seit
19.09.2001
Beiträge
2.379
Reaktionen
17
jo, das würde ich genauso wie wiseguy machen. sehr sauber und kompatibel... wie man an seiner seite ja gut sehen kann.

wenn du verschiedene rolloverimgs für verschiedene links haben willst kannst du mit class oder ids arbeiten...

ich hab das früher auch immer mit javascript gemacht, aber was mit css geht, mach ich mit css und mit http://selfhtml.teamone.de/ und http://www.drweb.de/ kommt man schon sehr weit.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Oben