PDA

View Full Version : Adding Borders to Table Cells


jwagner15
06-21-2010, 08:45 AM
Hello. I am new , so first off, hello everyone. I was hoping for some help in adding borders to my page in Dreamweaver. I included two pictures to show how I have the site (no borders) and then how I would like the site (with borders). I am not sure how to do this though. Help would be greatly appreciated.

http://img163.imageshack.us/i/commnoborder.jpg/
http://img5.imageshack.us/i/commborder.jpg/

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=utf-8" />
<title>CancerOnMyMind.com</title>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
color: #FFFFFF;
}
body {
background-color: #000000;
}
.style2 {color: #FFFFFF}
-->
</style>
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body>
<table width="742" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutDefaultTable-->
<tr>
<td width="700" height="14"></td>
<td width="42"></td>
</tr>
<tr>
<td height="200" valign="top"><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="100" colspan="5" valign="top" bgcolor="#FF0000"><p align="center" class="style1">CancerOnMyMind.com<br />
(Insert Page Graphic Here)</p></td>
</tr>

<tr>
<td height="20" colspan="5" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td width="100" height="20" valign="top" bgcolor="#FF0000"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td colspan="2" valign="top" nowrap="nowrap" bgcolor="#FF0000"><p align="center" class="style2">Welcome to CancerOnMyMind.com</p></td>
<td colspan="2" valign="top" nowrap="nowrap" bgcolor="#FF0000"><div align="center" class="style2">Visit My Blog for Constant Updates</div></td>
</tr>
<tr>
<td height="20" colspan="5" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height="20" valign="top" bordercolor="#000000" bgcolor="#FF0000"><div align="center" class="style2">Home</div></td>
<td width="20" rowspan="12" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td colspan="2" rowspan="12" valign="top" bgcolor="#FFFFFF"><h1>The Cancer on My Mind Project</h1>
<p>Information on the entire Cancer on my Mind project and why you are doing it and if you wish, give information about your battle with a brain tumor. Essentially, what is the history and explanation for this website and Cancer on My Mind in general.</p>
<h2>Who are you?</h2> <p>Talk about yourself and what you are up to currently. Also we will have a picture here of you</p></td>
<td width="20" rowspan="12" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Blog</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Book</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Screenplay</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Music Video</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Poetry</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Interviews</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">News Stories</div></td>
</tr>
<tr bordercolor="#000000">
<td height="20" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Helpful Links</div></td>
</tr>
<tr>
<td height="20" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr bordercolor="#000000">
<td height="76" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Cancer On My Mind available from Amazon.com</div></td>
</tr>
<tr bordercolor="#000000">
<td height="62" valign="top" bgcolor="#FF0000"><span class="style2">(Insert Picture of Book Here)</span></td>
</tr>
<tr>
<td height="20" colspan="5" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height="22" colspan="5" valign="top" bgcolor="#FFFFFF"><form name="form" id="form">

<div align="center">
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>item1</option>
</select>
</div>
</form> </td>
</tr>
<tr>
<td height="20" colspan="5" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td height="20" colspan="5" valign="top" bgcolor="#FF0000"><div align="center" class="style2">Contact Information</div></td>
</tr>
<tr>
<td height="20" colspan="5" valign="top" bgcolor="#FF0000"><div align="center" class="style2">&copy; 2010 Cancer On My Mind</div></td>
</tr>
<tr>
<td height="42">&nbsp;</td>
<td>&nbsp;</td>
<td width="280">&nbsp;</td>
<td width="280">&nbsp;</td>
<td>&nbsp;</td>
</tr>





</table></td>
<td></td>
</tr>
</table>
</body>
</html>

Corrosive
06-21-2010, 12:22 PM
Hi jwagner15. Welcome to the forum. If you want to post code then please use code tags. They are the # symbol on the text editor. Thanks

edbr
06-24-2010, 02:50 AM
use a wrapper div to hold your content and add the border to that. welcome to the forum