|
 |
  |
| Autor |
Nachricht |
webmaster1973
Neuer [User]
Anmeldung: 15.10.08
Beiträge: 2
|
 Verfasst am: 15.10.2008, 11:53 Titel: Hilfe!! |
 |
|
Hallo an alle. Bin neu im Forum und habe eine Frage!
ON MOUSE OVER Bildwechsel von klein auf groß funktioniert alles prima mit folgendem Code:
<img onmouseover="(src='xxxx.jpg')" onmouseout="(src='xxxx_klein.jpg')" src="xxxxxl_klein.jpg" alt="" border="0">
Aber nur, wenn ich es normal eingebe z.B. als normalen Body Tag.
Sobald ich es aber in einen Table setze wird das kleine Bild zwar getauscht, aber das Große bleibt in der Größe des kleinen Bildes!
Kann ich es irgendwie umgehen und das große Bild auch wirklich groß über mehrere Zellen darstellen? Oder ist das nicht möglich!
Vielen Dank im Voraus für Eure hilfe!
Grüße
Micha
|
|
| Nach oben |
|
 |
Metaman
Power-Poster [User]
Anmeldung: 20.11.05
Beiträge: 635
|
| Verfasst am: 15.10.2008, 13:56 Titel: |
|
|
nö ein Bild über mehrer Zellen legen geht nicht, naja jedenfalls nicht direkt.
man könnte sich natürlich einen Layer erstellen den man über die Tabelle legt, und dann die Bildgeschichte in diesen Layer laufen lässt.
nur wenn man mit Layern arbeitet kann man die Tabellen auch ganz weglassen
mit Tabellen hast du nur wenige "einfache" möglichkeiten.
du könntest die größenangaben der Tabelle weglassen, das sie sich einfach dem Inhalt anpasst, oder du machst die Zelle wo das mit dem bild passieren soll so groß wie das große Bild sein wird
_________________
 Webmaster Lexikon
Schnäppchensuche
Wenn Du einen Clan Sponsor suchst, schreibe mich NICHT an!!!
|
|
| Nach oben |
|
|
webmaster1973
Neuer [User]
Anmeldung: 15.10.08
Beiträge: 2
|
| Verfasst am: 15.10.2008, 15:26 Titel: Hallo, danke! |
|
|
Das hab ich schon probiert. Die Maße des kleinen Bildes sind 85x125 und des großen Bildes 200x 400. Komischer Weise bleibt auch nach dem Weglassen der Größenangaben oder der Veränderung der Größe der Zelle in dem das Bild liegt beim Mouseover das Phänomen...Das große Bild wird in selber größe des kleinen angezeigt. Wie gesagt passiert nur bei Tabellendarstellung. Wenn ich nur folgendes zum testen mache:
<html>
<head>
<title></title>
</head>
<body>
<img onmouseover="(src='xxx.jpg')" onmouseout="(src='xxx_klein.jpg')" src="xxx_klein.jpg" alt="" border="0">
</body>
</html>
funktioniert es problemlos. Aber bei:
<html>
<head>
<title>Mitarbeiter</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#FFFFFF" width="100%" id="AutoNumber1" height="504">
<tr>
<td width="60%" height="503" rowspan="2" style="border-style: none; border-width: medium">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
<tr>
<td width="50%"> <img onmouseover="(src='xxx.jpg')" onmouseout="(src='xxx_klein.jpg')" src="xxx_klein.jpg" alt="" border="0"></td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
</td>
<td width="40%" height="265" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium">
<p align="center"> </td>
</tr>
<tr>
<td width="50%" height="238" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom: medium none #111111">
<table border="1" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#FFFFFF" width="100%" id="AutoNumber2" height="186">
<tr>
<td width="25%" height="47" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium"> </td>
<td width="50%" height="47" colspan="2" style="border-style: none; border-width: medium"> </td>
<td width="25%" height="47" style="border-left-style: none; border-left-width: medium; border-right-style: none; border-right-width: medium; border-top: medium none #111111; border-bottom-style: none; border-bottom-width: medium"> </td>
</tr>
<tr>
<td width="25%" height="47" style="border-style: none; border-width: medium">
<p align="center"> </td>
<td width="50%" height="95" colspan="2" rowspan="2" style="border-style: none; border-width: medium">
<p align="center">
 </td>
<td width="25%" height="47" style="border-style: none; border-width: medium">
<p align="center"> </td>
</tr>
<tr>
<td width="25%" height="48" style="border-style: none; border-width: medium"> </td>
<td width="25%" height="48" style="border-style: none; border-width: medium"> </td>
</tr>
<tr>
<td width="25%" height="41" style="border-style: none; border-width: medium"> </td>
<td width="25%" height="41" style="border-style: none; border-width: medium">
<p align="center">
 </td>
<td width="25%" height="47" style="border-style: none; border-width: medium">
<p align="center">
 </td>
<td width="25%" height="41" style="border-style: none; border-width: medium"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
funktioniert es nicht!! Warum nur? Ich hab keine Ahnung!
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
