Table with Tic-Tac-Toe Borderlines [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Table with Tic-Tac-Toe Borderlines

willworkforchoc

06-29-2003, 08:53 PM

I would like to create a table that resembles a Tic Tac Toe border.
Any suggestions?

Thanks

kittycat

06-29-2003, 09:01 PM

One way I can think of doing it is just by adding separate border styles to each <td> tag... eg the top left corner would have style="border-bottom: 1px solid #colour; border-right: 1px solid #colour;" and so on. Someone else may have an easier way or better idea :) (this is supposed to be a table that looks like a tic tac toe game right?)

willworkforchoc

06-29-2003, 09:32 PM

I am a little confused of what you are saying. I tried it but maybe I got it wrong. Here's my tags...
<body background="schbg.gif">
<center><table border="1" cellpadding="10">
<TABLE WIDTH="40%" BGCOLOR="#CCFFCC" ALIGN="center" CELLSPACING="1" CELLPADDING="4" BORDER="1"><td align="center" colspan=4>Meet Miss Harold</td></tr>

<TR>
<TD style="border-bottom:1px solid #999999;border-right:1px solid #9999999">Family</TD>
<TD></TD>
<TD>Future</TD>
</TR>
<TR>
<TD></TD>
<TD>Faith</TD>
<TD></TD>
</TR>
<TR>
<TD>Free</TD>
<TD></TD>
<TD>Facts</TD>
</TR>
</TABLE>

Thanks

kittycat

06-29-2003, 10:36 PM

If you want it to look like a tic tac toe board, you have to keep adding that same code over again to each <td> and modifying it as needed. Also, in that one there you have one too many '9's in the colour section.