Table Borders - Post ID 93734

User 1978357 Photo


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 :)
User 184085 Photo


Ambassador
1,707 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.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 184085 Photo


Ambassador
1,707 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.ca
My HTML play area
http://www.tbaygeek.ca/test/

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.