Help - Search - Members - Calendar
Full Version: Table Border
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
bigtrey90
Feb 10 2007, 06:54 PM
Here is my code, can somebody tell me why my table border isn't showing up?:


CODE
<style type="text/css">
#layout{
    position: absolute;
    top: 0px;
    left: 120px;
}</style>

</head>
<body bgcolor="a6aa8e" background="file:///C|/Documents%20and%20Settings/Owner.ROBINSON.002/Desktop/brushes/jigsaw.puzzle04.jpg" onLoad="MM_preloadImages('photo1.png','work1.png','links.png','credit1.png','rules.png','blog1.png','info1.png')">
<div id="layout">

<table width="787" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="336" colspan="3" valign="top"><div align="center"><img src="ciaraheader.png" width="750" height="339"></div></td>
  </tr>
  <tr>
    <td width="18" height="45">&nbsp;</td>
    <td width="750" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="750" height="45" valign="top"><div align="left"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','blog1.png',1)"><img src="blog.png" name="Image9" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','photo1.png',1)"><img src="photo.png" name="Image3" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','work1.png',1)"><img src="work.png" name="Image4" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','links.png',1)"><img src="links1.png" name="Image5" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','credit1.png',1)"><img src="credit.png" name="Image6" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','rules.png',1)"><img src="rules1.png" name="Image7" width="100" height="45" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','info1.png',1)"><img src="info.png" name="Image8" width="149" height="45" border="0"></a></div>
            </td>
        </tr>
      </table></td>
    <td width="19">&nbsp;</td>
  </tr>
  <tr>
    <td height="2"></td>
    <td></td>
    <td></td>
  </tr>
</table>
</div>
<table width="883" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="130" height="342">&nbsp;</td>
    <td width="193">&nbsp;</td>
    <td width="556"></td>
    <td width="4"></td>
  </tr>
  <tr>
    <td height="190">&nbsp;</td>
    <td valign="top" table border="3" BORDERCOLOR=black bgcolor="6b6f5c"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td rowspan="4" valign="top" bgcolor="6b6f5c" table border="3" BORDERCOLOR="#000000"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td></td>
  </tr>
  <tr>
    <td height="148">&nbsp;</td>
    <td valign="top" table border="3" BORDERCOLOR="#000000" bgcolor="6b6f5c"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td></td>
  </tr>
  <tr>
    <td height="145"></td>
    <td valign="top" table border="3" BORDERCOLOR="#000000" bgcolor="6b6f5c"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td></td>
  </tr>
  <tr>
    <td height="273"></td>
    <td valign="top" table border="3" BORDERCOLOR="#000000" bgcolor="6b6f5c"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td></td>
  </tr>
  <tr>
    <td height="1"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>
freeflow
Feb 10 2007, 06:58 PM
What are you trying to get a border around? (Its hard to tell since we can't see the images of your code because you didn't upload them into the code). Are you trying to get it around the images or the big green table you have?
bigtrey90
Feb 10 2007, 07:03 PM
yeah I want each table to have a border around and inside the big green table.
freeflow
Feb 10 2007, 07:10 PM
Does that include the green table or no?
bigtrey90
Feb 10 2007, 07:16 PM
yeah, the green is the background of each table, but i just want a black 3px border for each table
freeflow
Feb 10 2007, 07:44 PM
For the tables you want to have a border...

Change:
<td valign="top" table border="3" BORDERCOLOR="#000000" bgcolor="6b6f5c"><!--DWLayoutEmptyCell-->&nbsp;</td>


To:
  <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
bigtrey90
Feb 10 2007, 07:55 PM
oh what you gave me didn't work
freeflow
Feb 10 2007, 08:09 PM
Post the new code (with what you did), I tested it and it works perfectly fine.
bigtrey90
Feb 10 2007, 08:17 PM
CODE
<table width="883" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="131" height="355">&nbsp;</td>
    <td width="193">&nbsp;</td>
    <td width="8"></td>
    <td width="546"></td>
    <td width="5"></td>
  </tr>
  <tr>
    <td height="163"></td>
     <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td>&nbsp;</td>
    <td rowspan="7" valign="top" BORDERCOLOR="#000000" bgcolor="6b6f5c" table border="3"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="14"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="135"></td>
     <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="13"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="132"></td>
    <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="13"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="273"></td>
    <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td></td>
    <td></td>
  </tr>
</table>
freeflow
Feb 10 2007, 08:24 PM
CODE
<table width="883"  cellpadding="0" cellspacing="0" >
  <!--DWLayoutTable-->
  <tr>
    <td width="131" height="355">&nbsp;</td>
    <td width="193">&nbsp;</td>
    <td width="8"></td>
    <td width="546"></td>
    <td width="5"></td>
  </tr>
  <tr>
    <td height="163"></td>
     <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td>&nbsp;</td>
    <td rowspan="7" valign="top"style="border: 3px solid 000000;"  BORDERCOLOR="#000000" bgcolor="6b6f5c" table border="3"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="14"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="135"></td>
     <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
 
  </tr>
  <tr>
    <td height="13"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="132"></td>
    <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="13"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="273"></td>
    <td valign="top" style=" border:3px solid 000000; background-color:6b6f5c;">TEXT</td>
    <td></td>
    <td></td>
  </tr>
</table>
</table>


Puts a border around each table. Where it says TEXT is where you put the text. When you preview it, preview in a browser and not the dreamweaver preview...
bigtrey90
Feb 10 2007, 08:30 PM
okay i did all that, but idk what i'm doing, and i'm using dreamweaver. but its just not working or showing the black borders, just green tables and the "TEXT" pinch.gif
freeflow
Feb 10 2007, 08:40 PM
Did you look in the dreamweaver preview or in IE or FF? In the dreamweaver preview it does all this other stuff. When you look in a browser it does.

Did you make the tables with dreamweaver? I would just delete all that and follow this. That way you will know what you are doing...
http://pixelfx.org/tuts/html/regtables.html
bigtrey90
Feb 10 2007, 08:47 PM
the border dosent show up in IE or FF, and I looked at the code and tutorial you gave me, and I'm doing everything right. but i must be missing something cause its not working

nvm i knew what I did wrong, so i just fixed it to like the tutorial you gave me. yay thanks biggrin.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.