Weird space appearing in dreamweaver

Discussion in 'Web Design and Development' started by SRSound, Sep 19, 2007.

  1. SRSound macrumors 6502

    Joined:
    Jun 7, 2005
    #1
    I am working on a sample website to help my brother get some ideas for his company, but I have run into a problem I cant figure out. I built a sample page as layers in dreamweaver, then converted to table and when I preview it in firefox, a huge space appears out of nowhere between a row of flash buttons and the text layer box – a space that should be 10px. In the image attached, you can see a screen shot of the original layers page and then the layers converted to tables (looks fine to me); then the next is a screenshot of the page in safari which looks alright but then you can see the difference in firefox. What am I doing wrong? What is causing this space to appear? I've tried removing the 10px layer, filling it with an image, trying different fonts and styles, etc but I just cant make it go away!

    [​IMG]

    I am by no means a professional web designer, nor do I plan on becoming one – but I do enjoy it very much and love learning about programming so I greatly appreciate the advice of the real pros here!
     
  2. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #2
    Code would help. Do you have <p> tags on those first items>?

    Also, you're about to hear about 10, "OMG, you're using tables, %$^&*". But in all honesty, I'd go with divs for cleaner code and SEO friendly HTML.

    BTW, not a bad looking site ;)
     
  3. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
    #3
    I'm afraid I dont know what <p> tags or div tags are nor how to use them - perhaps ill try for the next site (unless its something i can just modify)?

    Id gladly give you the code to look at but i'm not sure the best way to deliver it (copy & past here?). Thanks so much for responding so soon!
     
  4. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
  5. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
  6. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #6
    Code:
    put code here
    :)

    You have to use [ code ] code here [ /code ] without the spaces between the brackets. Codes pretty bloated though. But I'll take a looksi.
     
  7. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
    #7
    oh cool!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>WELCOME</title>
    <style type="text/css">
    <!--
    #Layer1 {
    	position:absolute;
    	width:430;
    	height:80;
    	z-index:1;
    	left: 0;
    	top: 0;
    }
    #Layer2 {
    	position:absolute;
    	width:10;
    	height:600;
    	z-index:2;
    	left: 430;
    	top: 0px;
    }
    #Layer3 {
    	position:absolute;
    	width:430;
    	height:10;
    	z-index:3;
    	left: 0;
    	top: 80;
    }
    #Layer4 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:4;
    	left: 0;
    	top: 90;
    }
    #Layer5 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:5;
    	left: 100;
    	top: 90;
    }
    #Layer6 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:6;
    	left: 110;
    	top: 90;
    }
    #Layer7 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:7;
    	left: 210;
    	top: 90;
    }
    #Layer8 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:8;
    	left: 220;
    	top: 90;
    }
    #Layer9 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:9;
    	left: 320;
    	top: 90;
    }
    #Layer10 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:10;
    	left: 330;
    	top: 90;
    }
    #Layer11 {
    	position:absolute;
    	width:430;
    	height:10;
    	z-index:11;
    	left: 0;
    	top: 210;
    }
    #Layer12 {
    	position:absolute;
    	width:430;
    	height:380;
    	z-index:12;
    	left: 0;
    	top: 220;
    }
    #Layer13 {
    	position:absolute;
    	width:100;
    	height:80;
    	z-index:13;
    	left: 440;
    	top: 0;
    }
    #Layer14 {
    	position:absolute;
    	width:100;
    	height:10;
    	z-index:14;
    	left: 440;
    	top: 80;
    }
    #Layer15 {
    	position:absolute;
    	width:100;
    	height:220;
    	z-index:15;
    	left: 440;
    	top: 90;
    }
    #Layer16 {
    	position:absolute;
    	width:320;
    	height:10;
    	z-index:16;
    	left: 440;
    	top: 310;
    }
    #Layer17 {
    	position:absolute;
    	width:10;
    	height:310;
    	z-index:17;
    	left: 540;
    	top: 0;
    }
    #Layer18 {
    	position:absolute;
    	width:210;
    	height:180;
    	z-index:18;
    	left: 550;
    	top: 0;
    }
    #Layer19 {
    	position:absolute;
    	width:210;
    	height:10;
    	z-index:19;
    	left: 550;
    	top: 180;
    }
    #Layer20 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:20;
    	left: 550;
    	top: 190;
    }
    #Layer21 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:21;
    	left: 650;
    	top: 190;
    }
    #Layer22 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:22;
    	left: 660;
    	top: 190;
    }
    #Layer23 {
    	position:absolute;
    	width:320;
    	height:280;
    	z-index:23;
    	left: 440;
    	top: 320;
    }
    #Layer24 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:24;
    	left: 440;
    	top: 0;
    }
    #Layer25 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:25;
    	left: 465;
    	top: 0;
    }
    #Layer26 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:26;
    	left: 490;
    	top: 0;
    }
    #Layer27 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:27;
    	left: 515;
    	top: 0;
    }
    .style5 {font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;}
    -->
    </style>
    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    
    <body onload="MM_preloadImages('JPG/MINI MENU/homeB.jpg','JPG/MINI MENU/aboutB.jpg','JPG/MINI MENU/contactB.jpg','JPG/MINI MENU/plansB.jpg')">
    <table border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="430" height="80" colspan="7" valign="top"><img src="JPG/BOX-A.jpg" width="430" height="80" /></td>
        <td width="10" height="600" rowspan="9" valign="top"> </td>
        <td width="25" height="80" valign="top"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','JPG/MINI MENU/homeB.jpg',1)"><img src="JPG/MINI MENU/home.jpg" name="Image9" width="25" height="80" border="0" id="Image9" /></a></td>
        <td width="25" height="80" valign="top"><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','JPG/MINI MENU/aboutB.jpg',1)"><img src="JPG/MINI MENU/about.jpg" name="Image10" width="25" height="80" border="0" id="Image10" /></a></td>
        <td width="25" height="80" valign="top"><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','JPG/MINI MENU/contactB.jpg',1)"><img src="JPG/MINI MENU/contact.jpg" name="Image11" width="25" height="80" border="0" id="Image11" /></a></td>
        <td width="25" height="80" valign="top"><a href="plans.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','JPG/MINI MENU/plansB.jpg',1)"><img src="JPG/MINI MENU/plans.jpg" name="Image12" width="25" height="80" border="0" id="Image12" /></a></td>
        <td width="10" height="310" rowspan="7" valign="top"> </td>
        <td width="210" height="180" colspan="3" rowspan="3" valign="top"><img src="JPG/BOX-B.jpg" width="210" height="180" /></td>
      </tr>
      <tr>
        <td width="430" height="10" colspan="7" valign="top"> </td>
        <td width="100" height="10" colspan="4" valign="top"> </td>
      </tr>
      <tr>
        <td width="100" height="120" rowspan="3" valign="top"><a href="houseplans.html"></a>      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
            <param name="movie" value="SWF/1 HOUSE PLANS.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/1 HOUSE PLANS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
          </object></td>
        <td width="10" height="120" rowspan="3" valign="top"> </td>
        <td width="100" height="120" rowspan="3" valign="top"><a href="multifamily.html"></a>      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
            <param name="movie" value="SWF/2 MULTI FAMILY.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/2 MULTI FAMILY.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
          </object></td>
        <td width="10" height="120" rowspan="3" valign="top"> </td>
        <td width="100" height="120" rowspan="3" valign="top"><a href="clubhouses.html"></a>      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
            <param name="movie" value="SWF/3 CLUBHOUSES.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/3 CLUBHOUSES.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
          </object></td>
        <td width="10" height="120" rowspan="3" valign="top"> </td>
        <td width="100" height="120" rowspan="3" valign="top"><a href="commercial.html"></a>      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
            <param name="movie" value="SWF/4 COMMERCIAL.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/4 COMMERCIAL.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
          </object></td>
        <td width="100" height="220" colspan="4" rowspan="5" valign="top">      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="220">
            <param name="movie" value="SWF/GREEN CENTER.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/GREEN CENTER.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="220"></embed>
          </object></td>
      </tr>
      <tr>
        <td width="210" height="10" colspan="3" valign="top"> </td>
      </tr>
      <tr>
        <td width="100" height="120" rowspan="3" valign="top"><a href="customhomes.html"></a>      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
            <param name="movie" value="SWF/5 CUSTOM HOMES.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/5 CUSTOM HOMES.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
          </object></td>
        <td width="10" height="120" rowspan="3" valign="top"> </td>
        <td width="100" height="120" rowspan="3" valign="top"><a href="additions.html"></a>      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
            <param name="movie" value="SWF/6 ADDITIONS.swf" />
            <param name="quality" value="high" />
            <embed src="SWF/6 ADDITIONS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
          </object></td>
      </tr>
      <tr>
        <td width="430" height="10" colspan="7" valign="top"> </td>
      </tr>
      <tr>
        <td width="430" height="380" colspan="7" rowspan="3" valign="top"><p align="justify" class="style5"><strong>FEATURED PROJECTS</strong> - expandable active content area...</p>
          <p align="justify" class="style5">[project A main image]</p>
          <p align="justify" class="style5">[project A description text]</p>
          <p align="justify" class="style5">[project A thumnails 1-4]</p>
        <p align="justify" class="style5">[project B...etc]</p></td>
      </tr>
      <tr>
        <td width="320" height="10" colspan="8" valign="top"> </td>
      </tr>
      <tr>
        <td width="320" height="280" colspan="8" valign="top"><span class="style5"><strong>PAGE TEXT</strong> - "about" text for the page topic </span></td>
      </tr>
      <tr>
        <td width="100" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="100" height="1" /></td>
        <td width="10" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="10" height="1" /></td>
        <td width="100" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="100" height="1" /></td>
        <td width="10" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="10" height="1" /></td>
        <td width="100" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="100" height="1" /></td>
        <td width="10" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="10" height="1" /></td>
        <td width="100" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="100" height="1" /></td>
        <td width="10" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="10" height="1" /></td>
        <td width="25" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="25" height="1" /></td>
        <td width="25" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="25" height="1" /></td>
        <td width="25" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="25" height="1" /></td>
        <td width="25" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="25" height="1" /></td>
        <td width="10" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="10" height="1" /></td>
        <td width="100" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="100" height="1" /></td>
        <td width="10" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="10" height="1" /></td>
        <td width="100" height="1" valign="top"><img src="LAYERS/transparent.gif" alt="" width="100" height="1" /></td>
      </tr>
    </table>
    </body>
    </html>
     
  8. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #8
    Not sure where to start :) I would turn it back to layers (which are divs) since you already are using the CSS. Maybe repost after?
     
  9. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
    #9
    i realize there's probably a million things wrong with the site - but since its just for inspiration, i'd just love for those spaces to go away :) here's the code from the layers if it helps. Thanks so much!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>WELCOME</title>
    <style type="text/css">
    <!--
    #Layer1 {
    	position:absolute;
    	width:430;
    	height:80;
    	z-index:1;
    	left: 0;
    	top: 0;
    }
    #Layer2 {
    	position:absolute;
    	width:10;
    	height:600;
    	z-index:2;
    	left: 430;
    	top: 0px;
    }
    #Layer3 {
    	position:absolute;
    	width:430;
    	height:10;
    	z-index:3;
    	left: 0;
    	top: 80;
    }
    #Layer4 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:4;
    	left: 0;
    	top: 90;
    }
    #Layer5 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:5;
    	left: 100;
    	top: 90;
    }
    #Layer6 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:6;
    	left: 110;
    	top: 90;
    }
    #Layer7 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:7;
    	left: 210;
    	top: 90;
    }
    #Layer8 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:8;
    	left: 220;
    	top: 90;
    }
    #Layer9 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:9;
    	left: 320;
    	top: 90;
    }
    #Layer10 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:10;
    	left: 330;
    	top: 90;
    }
    #Layer11 {
    	position:absolute;
    	width:430;
    	height:10;
    	z-index:11;
    	left: 0;
    	top: 210;
    }
    #Layer12 {
    	position:absolute;
    	width:430;
    	height:380;
    	z-index:12;
    	left: 0;
    	top: 220;
    }
    #Layer13 {
    	position:absolute;
    	width:100;
    	height:80;
    	z-index:13;
    	left: 440;
    	top: 0;
    }
    #Layer14 {
    	position:absolute;
    	width:100;
    	height:10;
    	z-index:14;
    	left: 440;
    	top: 80;
    }
    #Layer15 {
    	position:absolute;
    	width:100;
    	height:220;
    	z-index:15;
    	left: 440;
    	top: 90;
    }
    #Layer16 {
    	position:absolute;
    	width:320;
    	height:10;
    	z-index:16;
    	left: 440;
    	top: 310;
    }
    #Layer17 {
    	position:absolute;
    	width:10;
    	height:310;
    	z-index:17;
    	left: 540;
    	top: 0;
    }
    #Layer18 {
    	position:absolute;
    	width:210;
    	height:180;
    	z-index:18;
    	left: 550;
    	top: 0;
    }
    #Layer19 {
    	position:absolute;
    	width:210;
    	height:10;
    	z-index:19;
    	left: 550;
    	top: 180;
    }
    #Layer20 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:20;
    	left: 550;
    	top: 190;
    }
    #Layer21 {
    	position:absolute;
    	width:10;
    	height:120;
    	z-index:21;
    	left: 650;
    	top: 190;
    }
    #Layer22 {
    	position:absolute;
    	width:100;
    	height:120;
    	z-index:22;
    	left: 660;
    	top: 190;
    }
    #Layer23 {
    	position:absolute;
    	width:320;
    	height:280;
    	z-index:23;
    	left: 440;
    	top: 320;
    }
    #Layer24 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:24;
    	left: 440;
    	top: 0;
    }
    #Layer25 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:25;
    	left: 465;
    	top: 0;
    }
    #Layer26 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:26;
    	left: 490;
    	top: 0;
    }
    #Layer27 {
    	position:absolute;
    	width:25;
    	height:80;
    	z-index:27;
    	left: 515;
    	top: 0;
    }
    -->
    </style>
    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    
    <body onload="MM_preloadImages('../JPG/MINI MENU/homeB.jpg','../JPG/MINI MENU/aboutB.jpg','../JPG/MINI MENU/contactB.jpg','../JPG/MINI MENU/plansB.jpg')">
    <div id="Layer1"><img src="../JPG/BOX-A.jpg" width="430" height="80" /></div>
    <div id="Layer2"></div>
    <div id="Layer3"></div>
    <div id="Layer4"><a href="../houseplans.html"></a>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
        <param name="movie" value="../SWF/1 HOUSE PLANS.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/1 HOUSE PLANS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
      </object>
    </div>
    <div id="Layer5"></div>
    <div id="Layer6"><a href="../multifamily.html"></a>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
        <param name="movie" value="../SWF/2 MULTI FAMILY.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/2 MULTI FAMILY.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
      </object>
    </div>
    <div id="Layer7"></div>
    <div id="Layer8"><a href="../clubhouses.html"></a>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
        <param name="movie" value="../SWF/3 CLUBHOUSES.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/3 CLUBHOUSES.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
      </object>
    </div>
    <div id="Layer9"></div>
    <div id="Layer10"><a href="../commercial.html"></a>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
        <param name="movie" value="../SWF/4 COMMERCIAL.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/4 COMMERCIAL.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
      </object>
    </div>
    <div id="Layer11"></div>
    <div id="Layer12"></div>
    <div id="Layer14"></div>
    <div id="Layer15">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="220">
        <param name="movie" value="../SWF/GREEN CENTER.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/GREEN CENTER.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="220"></embed>
      </object>
    </div>
    <div id="Layer16"></div>
    <div id="Layer17"></div>
    <div id="Layer18"><img src="../JPG/BOX-B.jpg" width="210" height="180" /></div>
    <div id="Layer19"></div>
    <div id="Layer20"><a href="../customhomes.html"></a>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
        <param name="movie" value="../SWF/5 CUSTOM HOMES.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/5 CUSTOM HOMES.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
      </object>
    </div>
    <div id="Layer21"></div>
    <div id="Layer22"><a href="../additions.html"></a>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="120">
        <param name="movie" value="../SWF/6 ADDITIONS.swf" />
        <param name="quality" value="high" />
        <embed src="../SWF/6 ADDITIONS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="120"></embed>
      </object>
    </div>
    <div id="Layer23"></div>
    <div id="Layer24"><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','../JPG/MINI MENU/homeB.jpg',1)"><img src="../JPG/MINI MENU/home.jpg" name="Image9" width="25" height="80" border="0" id="Image9" /></a></div>
    <div id="Layer25"><a href="../about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','../JPG/MINI MENU/aboutB.jpg',1)"><img src="../JPG/MINI MENU/about.jpg" name="Image10" width="25" height="80" border="0" id="Image10" /></a></div>
    <div id="Layer26"><a href="../contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','../JPG/MINI MENU/contactB.jpg',1)"><img src="../JPG/MINI MENU/contact.jpg" name="Image11" width="25" height="80" border="0" id="Image11" /></a></div>
    <div id="Layer27"><a href="../plans.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','../JPG/MINI MENU/plansB.jpg',1)"><img src="../JPG/MINI MENU/plans.jpg" name="Image12" width="25" height="80" border="0" id="Image12" /></a></div>
    </body>
    </html>
    
     
  10. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #10
    Add this to your CSS for the table layout.


    Code:
    p {
    margin: 0 0 15px 0;
    }
    
     
  11. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
    #11
    wow, i feel silly - i have no idea how to do that. I'm using dreamweaver which seems to take care of the CSS coding for me (i build the site in the design window, can you tell?) :) Thank you for your continued help, though!
     
  12. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #12
    Code:
    <style type="text/css">
    <!--
    
    p {
    margin: 0 0 15px 0;
    }
    
    #Layer1 {
    	position:absolute;
    	width:430;
    	height:80;
    	z-index:1;
    	left: 0;
    	top: 0;
    }
    ......
    
    Go to code view ...
     
  13. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
    #13
    i tried in both the layer and table version, no luck. Do you suppose it's possible that there's something wrong with the flash buttons thats creating extra space?
     
  14. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #14
    Well, I took another look with at your table layout, I noticed you have a table inbetween the flash and the content. Just because you have he height set to 10, doesn't mean it will stay at 10. You should get rid of that table, and use CSS to create that 10 px padding.

    Bah, I tried to do it for you, but this code is hard to work with because of the way it's written.

    But no, has nothing to do with flash.
     
  15. SRSound thread starter macrumors 6502

    Joined:
    Jun 7, 2005
    #15
    Removing the little table had no effect, but I certainly appreciate the effort! Is there anyone else out there lurking around who might have come across this before? I feel like it should be a simple coding error and simple fix, but I just cant find it!
     
  16. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #16
    To be honest, it is a simple fix if the code wasn't so mucked up. I'm guessing, like me, people are hesitant to look because it's such a mess. It's no offense to you, but honestly, it's almost unreadable and very hard to follow.
     

Share This Page