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.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jun 21st, 2006, 21:09
New Member
Join Date: Jun 2006
Location: UK, Leeds
Age: 25
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
Reply With Quote

  #2 (permalink)  
Old Jun 21st, 2006, 21: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
Send a message via AIM to herkalees Send a message via MSN to herkalees Send a message via Yahoo to herkalees
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
Reply With Quote
  #3 (permalink)  
Old Jun 21st, 2006, 22: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
Send a message via MSN to sypher
Re: Table help with borders of cells...

also add " on everything
align="center" etc everything should be within quotes.
Reply With Quote
Reply

Tags
table, help, borders, cells

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 09:12
Table Cells magiccupcake Web Page Design 5 Jan 23rd, 2007 01:07
Strange gaps in table cells Paula Web Page Design 2 Oct 2nd, 2006 15:44
table with CSS borders wood1e Web Page Design 3 May 19th, 2005 17:13
table cells benbacardi Web Page Design 3 Apr 15th, 2004 15:56


All times are GMT. The time now is 09:12.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43