Lücke zwischen Grafiken im Header

  • Hallo

    ich bin gerade dabei mich ein wenig mit html und website bau zu befassen. Ich nutze dafür Dreamweaver CS3

    mein Problem ist, dass ich im header meiner Website eine Mischung aus Flash Slideshow und Bildbanner befindet. Genau dort liegt mein Problem. Zwischen der Flash Slideshow und den anknüpfenden Bild existiert eine visuelle Lücke, die ich einfach nicht schließen kann. Dreamweaver zeigt mir das es ein Stück CSS Background ist aber egal was ich auch versuche (meist resizing, verschieben, umsortieren) ich kann die Lücke nicht schließen.

    Fällt vielleicht jemanden von euch etwas am Code auf, das dieses Problem verursachen könnte?

    Vielen Dank für Eure Hilfe

    Liebe Grüße

    Johann

    Hier der Code

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>...: Dive Tatapouri :...</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    .style2 {
    color: #000000;
    font-weight: bold;
    }
    .style4 {
    color: #FFFFFF;
    font-weight: bold;
    }
    .style5 {color: #FFFFFF}
    .style9 {
    color: #33FF66;
    font-weight: bold;
    }
    a:link {
    text-decoration: none;
    color: #FF0000;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    }
    a:active {
    text-decoration: none;
    }
    .style1 { color: #666666;
    font-size: 16px;
    font-weight: bold;
    }
    .style8 {color: #003366}
    .style10 {
    font-size: 16px
    }
    .style13 {font-family: Arial, Helvetica, sans-serif}
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>

    <body>
    <div align="justify"></div>
    <table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="210"><img src="top0002.jpg" width="210" height="104"></td>
    <td width="560"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/…ersion=6,0,29,0" width="560" height="104">
    <param name="movie" value="top%20001.swf">
    <param name="quality" value="high">
    <embed src="top%20001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="560" height="104"></embed>
    </object></td>
    </tr>
    <tr>
    <td colspan="2"><img src="top0003.jpg" width="770" height="25" border="0" usemap="#Map"></td>
    </tr>
    <tr>
    <td height="105" colspan="2"><div align="left">
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/…,'title','flash mid','src','Flash/SlideShow','quality','high','pluginspage','http://www.adobe.com/shockwave/down…Flash/SlideShow' ); //end AC code
    </script>
    <noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/…ersion=9,0,28,0" width="348" height="105" title="flash mid">
    <param name="movie" value="Flash/SlideShow.swf">
    <param name="quality" value="high">
    <embed src="Flash/SlideShow.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/down…=ShockwaveFlash" type="application/x-shockwave-flash" width="348" height="105"></embed>
    </object>
    </noscript>
    <img src="topindex.jpg" alt="0" width="148" height="105"><img src="top0005.jpg" alt="0" width="270" height="105" align="top"></div></td>
    </tr>
    <tr>
    <td colspan="2">&nbsp;</td>
    </tr>
    <tr valign="top">
    <td height="462" colspan="2"><table width="770" height="564" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="146" valign="middle"><div align="center"><img src="camera%20foto.jpg" width="90" height="100" border="0" usemap="#MapMap">
    <map name="MapMap">
    <area shape="rect" coords="310,1,380,23" href="courses.htm" target="_self">
    <area shape="rect" coords="0,-2,90,101" href="impressions.htm" target="_self">
    </map>
    </div></td>
    <td height="146" align="center" valign="top" background="side_bluebg.gif">
    <p align="center" class="style10"><u><br>
    <span class="style2"><img src="arrows.gif" width="7" height="5"></span><strong>Pictures</strong></u></p>
    <p align="left" class="style2"><u><strong>Location</strong></u></p>
    <p align="left" class="style2"><strong>Wild Stingray Feeding</strong></p>
    <p align="left" class="style2"><strong>Shark Cage Dive</strong></p>
    <p align="left" class="style2"><strong>Rockslide and Surfing</strong></p> </td>
    <td width="10" rowspan="4" valign="top" background="bg.gif"><div align="center"></div></td>
    <td width="403" rowspan="4" valign="top" background="bg.gif"><p align="left">&nbsp;</p>
    <p align="center"><strong><strong><span class="style1"><span class="style8">Pictures</span></span></strong></strong></p>
    <p align="center"><span class="style8"><strong><strong><u>Location</u></strong></strong></span><strong><strong><br>
    <br>
    </strong></strong></p>
    <p align="center" class="style13"><strong><strong><br>
    </strong></strong></p></td>
    <td width="11" rowspan="4" valign="top" background="bg.gif">&nbsp;</td>
    </tr>
    <tr>
    <td height="34" valign="middle">&nbsp;</td>
    <td background="side_bluebg.gif">&nbsp;</td>

  • Fällt vielleicht jemanden von euch etwas am Code auf, das dieses Problem verursachen könnte?

    Er ist unvollständig.
    Er zeigt ein unnötiges und nicht modernes Tabellengerüst.
    Er ist fehlerhaft. (Tipp: Validator benutzen, Code entsprechend korrigieren und dann wieder nach Problemen Ausschau halten)