Table Borders

Home » Forums » Website Design and Development » Table Borders


Trial User
1 post

Am new to website design,just doing a page up on notepad in html.What i have is a table with 3 columns,what im looking for are horizontal borders to the top and bottom of the table,and one vertical border between the 2nd and 3rd column,this im finding hard to do.

This is what i have so far:Any help would be appreciated

<div>

<TABLE CELLPADDING="10" BORDERCOLOR="#C0C0C0"
TABLE BORDER=2 FRAME=BELOW FRAME=ABOVE RULES= color=#C0C0C0 >
<TR>
<TD WIDTH="37%">

<IMG SRC="IMG_2.JPG" WIDTH="250" HEIGHT="300"
title="CGA Project" align="left" hspace="30">
</TD>

<TD VALIGN=top WIDTH="37%">

<PRE>
Company Name
Address 1
Address 2
Address 3

Tel: (xx) xxx xxxxx
Fax: (xx) xxx xxxxx
Email: <A HREF="mailto:info@xxx.xx">info@xxx.xx<a/></TD>

<TD VALIGN="top" WIDTH="26%" ><div style=
"border: solid 0 #060; border-left-width:2px; padding-left:0.5ex">



<UL TYPE="square">
<LI><A HREF="HOME.html">HOME</A></LI>
<LI><A HREF="PRACTICE.html">PRACTICE</A></LI>
<LI><A HREF="PROJECTS.html">PROJECTS</A></LI>

<dd>
<LI><A HREF="PROJECTS.html">&nbsp;Residential</A></LI>
<LI><A HREF="PROJECTS.html">&nbsp;Commercial</A></LI>
</dd>


<LI><A HREF="CONTACTS.html">CONTACT</A></LI>
</UL>
<br clear="all">

</div></td>


</div>



Thanks :)


Ambassador
1,463 posts

yours is on the top, mine is on the bottom

http://i130.photobucket.com/albums/p248/pug2775/coffee1.jpg


<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Mon, 21 Sep 2009 20:11:28 GMT" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<div>

<!-- Begin old code -->
<TABLE CELLPADDING="10" BORDERCOLOR="#C0C0C0"
TABLE BORDER=2 FRAME=BELOW FRAME=ABOVE RULES= color=#C0C0C0 >
<TR>
<TD WIDTH="37%">

<IMG SRC="IMG_2.JPG" WIDTH="250" HEIGHT="300"
title="CGA Project" align="left" hspace="30">
</TD>

<TD VALIGN=top WIDTH="37%">

<PRE>
Company Name
Address 1
Address 2
Address 3

Tel: (xx) xxx xxxxx
Fax: (xx) xxx xxxxx
Email: <A HREF="mailto:info@xxx.xx">info@xxx.xx<a/></TD>

<TD VALIGN="top" WIDTH="26%" ><div style=
"border: solid 0 #060; border-left-width:2px; padding-left:0.5ex">



<UL TYPE="square">
<LI><A HREF="HOME.html">HOME</A></LI>
<LI><A HREF="PRACTICE.html">PRACTICE</A></LI>
<LI><A HREF="PROJECTS.html">PROJECTS</A></LI>

<dd>
<LI><A HREF="PROJECTS.html">&nbsp;Residential</A></LI>
<LI><A HREF="PROJECTS.html">&nbsp;Commercial</A></LI>
</dd>


<LI><A HREF="CONTACTS.html">CONTACT</A></LI>
</UL>
<br clear="all">

</div></td>


<!--</div>--> <!-- not sure what this </div> closes commented out -->
<!-- end old code -->

<font size=2 color="#000000" face="Arial">
<div>

<table width="100%" border=0 cellpadding=0 cellspacing=2 bgcolor="#ffffff">
<hr align="center" width="100%" size="3" noshade color="#339966" />
<tr valign=top>
<td width="33%"><font size=2 color="#000000" face="Arial">
<div><img width=253 height=262 hspace=1 vspace=1 src="../Graphics/wichita/indigo/2folderindigo.png"></div>
</font>
</td>
<td width="33%" bgcolor="#FFFF80"><font size=2 color="#000000" face="Arial">
<div><PRE>
Company Name
Address 1
Address 2
Address 3

Tel: (xx) xxx xxxxx
Fax: (xx) xxx xxxxx
Email: <A HREF="mailto:info@xxx.xx">info@xxx.xx<a/></div>
</font>
</td>
<td width="33%"><font size=2 color="#000000" face="Arial">
<div><UL>
<LI><A HREF="HOME.html">HOME</A></LI>
<LI><A HREF="PRACTICE.html">PRACTICE</A></LI>
<LI><A HREF="PROJECTS.html">PROJECTS</A>
<ul>
<LI><A HREF="PROJECTS.html">&nbsp;Residential</A></LI>
<LI><A HREF="PROJECTS.html">&nbsp;Commercial</A></LI>
</ul>
</LI>
<LI><A HREF="CONTACTS.html">CONTACT</A></LI>
</UL></div>
</font>
</td>
</tr>
</table>
<hr align="center" width="100%" size="3" noshade color="#339966" />
</div>
</font>

</body>
</html>




Hope this fixes you right up :) Volunteering to help :)
http://www.tbaygeek.org


Ambassador
1,463 posts

PS: if you don't have the HTML Editor or Visual Site Designer you still can go to the CoffeeCup "Free Stuff" area and download a free HTML editor.

:) Volunteering to help :)
http://www.tbaygeek.org

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.