Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

Table help with borders of cells...

This is a discussion on "Table help with borders of cells..." within the Web Page Design section. This forum, and the thread "Table help with borders of cells... are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page Table help with borders of cells...

Notices
Register for Free!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.
Breaking News:
iEntry Network take over the Webforumz.com reigns




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 21st, 2006, 22:09
New Member
Join Date: Jun 2006
Location: UK, Leeds
Age: 26
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Table help with borders of cells...
Hi guys. I am trying to make a crossword (the code I will post below). If you look at the webpage that is created it looks fine, except that I want lines in between the letters. If I simply select the borders attribute to 1 then when a black square meets another black square it is not continuosly black.

Here is the code , you will see what I mean:

Code: Select all
<html>
<center>
<TABLE BORDER=1 RULES=NONE FRAME=BOX 
width="350" height="350" 
bordercolor="000000" CELLSPACING=0 
CELLPADDING=0> 
 
 
 
<TR> 
<TD ALIGN=center></TD>
<TD ALIGN=center>.</TD>
<TD ALIGN=center>.</TD>
<TD ALIGN=center>A</TD>
<TD ALIGN=center>R</TD>
<TD ALIGN=center>T</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center>P</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>K</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR>
<TR> 
<TD ALIGN=center>C</TD>
<TD ALIGN=center>+</TD>
<TD ALIGN=center>+</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>M</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>C</TD>
<TD ALIGN=center>K</TD>
<TD ALIGN=center>B</TD>
<TD ALIGN=center>A</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR>
<TR> 
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>P</TD>
<TD ALIGN=center>H</TD>
<TD ALIGN=center>P</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>W</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>K</TD>
<TD ALIGN=center>O</TD>
</TR>
<TR> 
<TD ALIGN=center>L</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>P</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>T</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>U</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center>P</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>D</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR>
<TR> 
<TD ALIGN=center>O</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>R</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>M</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center>A</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR> 
<TR> 
<TD ALIGN=center>G</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>G</TD>
<TD ALIGN=center>L</TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>L</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR> 
<TR> 
<TD ALIGN=center>I</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>G</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>R</TD>
<TD ALIGN=center>U</TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center>A</TD>
<TD ALIGN=center>N</TD>
</TR> 
<TR> 
<TD ALIGN=center>N</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>R</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>T</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>N</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>W</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR> 
<TR> 
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>A</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>U</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>C</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>D</TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR> 
<TR> 
<TD ALIGN=center>C</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>M</TD>
<TD ALIGN=center>P</TD>
<TD ALIGN=center>U</TD>
<TD ALIGN=center>T</TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center>N</TD>
<TD ALIGN=center>G</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>R</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>H</TD>
</TR> 
<TR> 
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>3</TD>
<TD ALIGN=center>D</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>N</TD>
<TD ALIGN=center>O</TD>
</TR> 
<TR> 
<TD ALIGN=center>P</TD>
<TD ALIGN=center>H</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>X</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>H</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>L</TD>
<TD ALIGN=center>Y</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>S</TD>
<TD ALIGN=center>#</TD>
<TD ALIGN=center>#</TD>
<TD ALIGN=center>T</TD>
</TR> 
<TR> 
<TD ALIGN=center>S</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>I</TD>
<TD ALIGN=center>M</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
</TR> 
<TR> 
<TD ALIGN=center>P</TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center>R</TD>
<TD ALIGN=center>L</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>A</TD>
<TD ALIGN=center>B</TD>
<TD ALIGN=center>O</TD>
<TD ALIGN=center>U</TD>
<TD ALIGN=center>T</TD>
<TD ALIGN=center BGCOLOR=#000000></TD>
<TD ALIGN=center>M</TD>
<TD ALIGN=center>E</TD>
<TD ALIGN=center>?</TD>
</TR> 
 
</TABLE> 
</html>
Any ideas on how to solve this problem?

Thanks
Andrew
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Jun 21st, 2006, 22:50
herkalees's Avatar
Highly Reputable Member
Join Date: Jul 2005
Location: Massachusetts, USA
Age: 87
Posts: 576
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Table help with borders of cells...
I can't believe I'm typing this...

Throw a border color attribute up in the table element: bordercolor=blue
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jun 21st, 2006, 23:10
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Table help with borders of cells...
also add " on everything
align="center" etc everything should be within quotes.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
table, help, borders, cells

« Login/Paypal | Photo Upload to Server »
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Get value from specific cells yuenli JavaScript Forum 0 Jun 27th, 2007 10:12
Table Cells magiccupcake Web Page Design 5 Jan 23rd, 2007 02:07
Strange gaps in table cells Paula Web Page Design 2 Oct 2nd, 2006 16:44
table with CSS borders wood1e Web Page Design 3 May 19th, 2005 18:13
table cells benbacardi Web Page Design 3 Apr 15th, 2004 16:56


All times are GMT. The time now is 19:11.

Contact Us - Web Design & Development Forums - Archive - Top

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
WebForumz.com is an Privacy Policy and Legal