Hallo.
Ich habe einen Table im ImageReady erstellt, welches im Golive weiterverarbeitet wird.
In diesem Table tritt ein animiertes Logo auf (swf). Dieses soll bei Fehlen des Flash-Plugins durch ein Bild ausgetauscht werden. Und das geschieht mittels <div id="flashcontent"> etc.
Funktioniert auch sehr gut.
Nur fällt jetzt mein Table auseinander. Sprich der <div id="flashcontent"> Text im HTML scheint einige Pixels zu brauchen!?
So funktioniert natürlich das ganze Screendesign nicht mehr, da alles aneinander hängen muss.
Grüsse
Matthieu
Edit: here comes the code:
Mod-Edit: Doppelpost entfernt und Codetags eingesetzt - Bitte den "edit" Button und Code-Tags verwenden. Ebenfalls wäre es besser gewesen einfach einen Link zu Seite zu posten als den kompletten Quelltext! (Hobbyuser)
Ich habe einen Table im ImageReady erstellt, welches im Golive weiterverarbeitet wird.
In diesem Table tritt ein animiertes Logo auf (swf). Dieses soll bei Fehlen des Flash-Plugins durch ein Bild ausgetauscht werden. Und das geschieht mittels <div id="flashcontent"> etc.
Funktioniert auch sehr gut.
Nur fällt jetzt mein Table auseinander. Sprich der <div id="flashcontent"> Text im HTML scheint einige Pixels zu brauchen!?
So funktioniert natürlich das ganze Screendesign nicht mehr, da alles aneinander hängen muss.
Grüsse
Matthieu
Edit: here comes the code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title></title>
<script type="text/javascript" src="flash.js"></script>
<csscriptdict import>
<script type="text/javascript" src="GlobalScripts/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><![CDATA[
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_button01_over = newImage('images/button01_over.gif');
pre_button02_over = newImage('images/button02_over.gif');
pre_button04_over = newImage('images/button04_over.gif');
pre_button05_over = newImage('images/button05_over.gif');
preloadFlag = true;
}
}
// ]]></script>
</csactiondict>
</head>
<body onload="preloadImages();" bgcolor="#ffffff" leftmargin="20" marginheight="20" marginwidth="20" topmargin="20">
<style type="text/css">
.menu:link {color:#606060; text-decoration:none}
.menu:visited {color:#606060; text-decoration:none}
.menu:active {color:#black; text-decoration:none}
.menu:hover {color:#black; text-decoration:underline}
</style>
<table width="180" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td></td>
<td align="center" valign="middle"></td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<table id="Table_01" width="822" height="621" border="0" cellpadding="0" cellspacing="0">
<tr align="left" height="0">
<td colspan="12" height="0">[img]images/elektronik02.jpg[/img]<div id="flashcontent"> [img]images/logo02.jpg[/img] </div>
<script type="text/javascript">// <![CDATA[
var fo = new FlashObject("images/logozeile01.swf", "fotester", "419", "48", "7");
fo.write("flashcontent");// ]]></script></td>
</tr>
<tr>
<td rowspan="4" valign="top">[img]images/schaltanlagen01.jpg[/img]</td>
<td rowspan="2">[url="buob_eggler.html"][img]images/button01_normal.jpg[/img][/url]</td>
<td rowspan="2">[url="geschaeftsbereiche.html"][img]images/button02_normal.jpg[/img][/url]</td>
<td rowspan="2">[url="referenzen.html"][img]images/button03_normal.jpg[/img][/url]</td>
<td rowspan="2">[url="jobs.html"][img]images/button04_normal.jpg[/img][/url]</td>
<td rowspan="2">[url="kontakt.html"][img]images/button05_normal.jpg[/img][/url]</td>
<td rowspan="2" colspan="2">[img]images/bussysteme01.jpg[/img]</td>
<td colspan="2">[img]images/telematik02.jpg[/img]</td>
<td rowspan="4" valign="top">[img]images/schwachstrom02.jpg[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="2" rowspan="3" valign="top">[img]images/bild01.jpg[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="7"></td>
<td>[img]images/spacer.gif[/img]</td>
</tr>
<tr valign="top">
<td colspan="7">
<table width="566" border="0" cellspacing="2" cellpadding="0">
<tr height="2">
<td width="20" height="2"></td>
<td height="2"></td>
<td height="2"></td>
</tr>
<tr>
<td width="20"></td>
<td>
</p>
</td>
<td></td>
</tr>
</table>
</td>
<td>[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td></td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">
</p>
</td>
<td></td>
</tr>
</table>
</p>
</body>
</html>
Mod-Edit: Doppelpost entfernt und Codetags eingesetzt - Bitte den "edit" Button und Code-Tags verwenden. Ebenfalls wäre es besser gewesen einfach einen Link zu Seite zu posten als den kompletten Quelltext! (Hobbyuser)