Log In · Register

 
 
 Closed TopicStart new topic
Table Border
bigtrey90
post Feb 10 2007, 06:54 PM
Post #1


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
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
post Feb 10 2007, 06:58 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
post Feb 10 2007, 07:03 PM
Post #3


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
yeah I want each table to have a border around and inside the big green table.
 
freeflow
post Feb 10 2007, 07:10 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Does that include the green table or no?
 
bigtrey90
post Feb 10 2007, 07:16 PM
Post #5


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
yeah, the green is the background of each table, but i just want a black 3px border for each table
 
freeflow
post Feb 10 2007, 07:44 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
post Feb 10 2007, 07:55 PM
Post #7


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
oh what you gave me didn't work
 
freeflow
post Feb 10 2007, 08:09 PM
Post #8


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Post the new code (with what you did), I tested it and it works perfectly fine.
 
bigtrey90
post Feb 10 2007, 08:17 PM
Post #9


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
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
post Feb 10 2007, 08:24 PM
Post #10


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
post Feb 10 2007, 08:30 PM
Post #11


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
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
post Feb 10 2007, 08:40 PM
Post #12


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
post Feb 10 2007, 08:47 PM
Post #13


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735
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
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic