Renegade — Tue, 11 Mar 2003 10:11:39 +0000

If you know how to use CSS positioning you can use DIVs to solve your problem

Heres how:

#line {
border-bottom:2px solid #00f;
padding:0;
position:absolute; /*or relative...*/
/*give 'co-ordinates'*/
}

BUT! I've never tried this before...you might want to give it a go and tell us how it goes

Suzanne — Mon, 10 Mar 2003 18:51:01 +0000

Class goes in the TABLE, not in the bits and bobs within the table. And make sure you have around the declarations.

Also, you can't use unit measures other than % in HTML -- take out the px from the . You can use CSS to colour it, too.

TOBART — Mon, 10 Mar 2003 18:20:58 +0000

Here is an example of the page I am trying to add it to

http://www.flatlanderwake.com/about.php

TOBART — Mon, 10 Mar 2003 18:19:53 +0000

Thanks for the help suzanne but the hr code didn't work. It made a grey line about 5 pixels high across the screen.

I am somewhat familiar with CSS but I am not exactly sure how I would make that code work with the line, would it be like this:

//I like to use classes instead
.heavybottom {
border: 20px solid #00f;
}

or am I completely wrong here?

Suzanne — Mon, 10 Mar 2003 17:49:07 +0000

And in the above (bloated) example, you'd have to set the TABLE to 100%, not the cells.

However, it'd be better still to use CSS, assuming you're using a table for layout (it will work with any element), you'd give the element that needs the bottom to be a thick line an id -- id="heavybottom" -- in the HTML for that element.

And in the stylesheet, you'd do this:

#heavybottom {
border: 20px solid #00f;
}