nicht angemeldet
roll-overs / grafik anordnung
hallo alle selfhtmler.
habe folgendes problem. ich bekomme den abstand zwischen den grafiken des roll-overs und dem unteren rand der jeweiligen zeile bzw. spalte nicht weg. es liegt nicht an irgendwelchen "align" tag´s die fehlen. die grösse der grafiken sind auch definiert. ich weiss nicht weiter. hoffentlich hat irgendjemand eine lösung. danke flako
hier der quelltext der seite
<html>
<head>
<title> el.dari | beat adventures</title>
<script language="JavaScript">
<!--
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" && browser_version >= 3.0)
{ rollover = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 4.0)
{ rollover = 'true'; }
else { rollover = 'false'; }
if (rollover == 'true') {
grafik1=new Image();grafik1.src="pics/bild_lo.gif";
grafik2=new Image();grafik2.src="pics/bild_lo_2.gif";
grafik3=new Image();grafik3.src="pics/bild_ro.gif";
grafik4=new Image();grafik4.src="pics/bild_ro_2.gif";
grafik5=new Image();grafik5.src="pics/bild_lu.gif";
grafik6=new Image();grafik6.src="pics/bild_lu_2.gif";
grafik7=new Image();grafik7.src="pics/bild_ru.gif";
grafik8=new Image();grafik8.src="pics/bild_ru_2.gif";
}
function rein1(img,ref) { if (rollover == 'true') { document.images[img].src = ref; } }
function raus1(img,ref) { if (rollover == 'true') { document.images[img].src = ref; } }
//-->
</script>
</head>
<body cellpadding="0" cellspacing="0">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="ziel.htm"
onMouseOver="rein1('platzhalter1',grafik2.src);"
onMouseOut="raus1('platzhalter1',grafik1.src);">
<img src="pics/bild_lo.gif" border="0"
name="platzhalter1" alt="Es klappt" width="502px" height="375px">
</a>
</td>
<td>
<a href="ziel.htm"
onMouseOver="rein1('platzhalter2',grafik4.src);"
onMouseOut="raus1('platzhalter2',grafik3.src);">
<img src="pics/bild_ro.gif" border="0"
name="platzhalter2" alt="Es klappt" width="498px" height="375px">
</a>
</td>
</tr>
<tr>
<td>
<a href="ziel.htm"
onMouseOver="rein1('platzhalter3',grafik6.src);"
onMouseOut="raus1('platzhalter3',grafik5.src);">
<img src="pics/bild_lu.gif" border="0"
name="platzhalter3" alt="Es klappt" width="502px" height="375px">
</a>
</td>
<td>
<a href="ziel.htm"
onMouseOver="rein1('platzhalter4',grafik8.src);"
onMouseOut="raus1('platzhalter4',grafik7.src);">
<img src="pics/bild_ru.gif" border="0"
name="platzhalter4" alt="Es klappt" width="498px" height="375px">
</a>
</td>
</tr>
</table>
</body>
</html>
-
Hallo,
ich bekomme den abstand zwischen den grafiken des roll-overs und dem unteren rand der jeweiligen zeile bzw. spalte nicht weg.
ich tippe mal auf das Leerzeichen zwischen <img> und </a> bzw. zwischen </a> und </td> - schreib die Tabellenzeilen in eine Zeile, also so: <td><a ...><img ... /></a></td>.
es liegt nicht an irgendwelchen "align" tag´s die fehlen.
welchen Tags? du meinst die (veralteten) align-Attribute, oder?
browser_name = navigator.appName;
woher weißt du, dass in browser_name wirklich der Name des Browsers steht? navigator.appName ist _völlig_ aussagefrei.
if (browser_name == "Netscape" && browser_version >= 3.0)
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 4.0)das ist Unsinn - warum dürfen User mit Clients die sich als Netscape oder IE ausgeben die roll-overs sehen?
else { rollover = 'false'; }
du darfst nicht auf irgendwelche angeblichen Namen prüfen, sondern musst auf das Können der Browser prüfen (in deinem Fall wohl »if(document.images)«) - wobei du schon einen _sehr_ alten Browser nehmen musst um einen zu finden der kein document.images kennt ...
Grüße aus Nürnberg
Tobias-
Vielen Dank Tobias!!
Alle tipps super. funktioniert einwandfrei. Schönen dank nochmal. gruss dario
-