I need halp with a table.

@flameruler13Oct 28.2006

so heres the deal:

I have a table almost exactly how i want it: 1 row tall, and three cells wide. They are 540 pixel tall. The background(of the web page) is black, and the back of the table is gray.

Heres the problem:I want to make a border(that divides the cells) that is solid black and 3 pixels wide. I tried:

But that just comes out gray and ridge. I want a solid black. Please help.

~flame

to post a comment

HTML

@WebJoelOct 28.2006 — #I have not worked with TABLEs in a few years, -but maybe something like this?

[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
 <html><head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta http-equiv="Content-Style-Type" content="text/css" />
 <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <title></title>
 <style type="text/css">
 *	{border:0; padding:0; margin:0;}
 
 p	{color:black; padding:2px 6px 2px 6px;}
 </style>
 
 </head>
 <body>
 
 <table style="background-color:black; border:0; width:99%; margin:0 auto;">
 <tr style="height:50px; background-color:white;">
 <td style="width:33%; height:540px; background-color:gray; border-right:3px solid black;">
 <p>Here is your First box</p>
 </td>
 
 <td style="width:34%; height:540px; background-color:gray;">
 <p>Here is your Second box</p>
 <p>Here is your Second box</p>
 </td>
 
 <td style="width:33%; height:540px; background-color:gray; border-left:3px solid black;">
 <p>Here is your Third box</p>
 <p>Here is your Third box</p>
 <p>Here is your Third box</p>
 </td>
 
 </tr>
 </table>
 
 </body>
 </html>[/code]

Notice that the <p> style is called from a <style></style> before the </head>.

@ray326Oct 29.2006 — #Collapse the borders then do them literally.

@the_treeOct 29.2006 — #Collapse the borders then do them literally.[/QUOTE]A lot like this.

[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title>Page Title</title>
 <style type="text/css">
 table{
 border-collapse: collapse;
 }
 td {
 
  border: 3px solid black;
  background-color: #c1c1c1;
  color: #000;
  margin: 0;
  padding: 3px;
 }
 </style>
 </head>
 <body>
 <table>
 <tr>
 <td>Lorem ipsum dolor sit amet,</td>
 <td>consectetur adipisicing elit,</td>
 <td>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
 </tr>
 </table>
 </body>
 </html>[/code]

Most important thing of note here is how none of us have shouted at you for the inappropriate use of tables.

I need halp with a table.

3 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

I need halp with a table.

3 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #HTML _↴