SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: Help with a border
-
May 13, 2004, 16:19 #1
- Join Date
- Jun 2003
- Location
- Reno, NV
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Help with a border
Hello everyone,
I drew up a pretty cool little design last night, and I'd like to do it in CSS, except I have no idea how to go about doing one of the borders on a table.
The problem is, I only want to have the border on the right side (I know, that one's no problem), but I want to keep the length of the border 50% down the side.
Any ideas on how to accomplish this?
-
May 13, 2004, 17:08 #2
Hello
Without seeing it, it is hard to say, can you post a link and someone will help I am sure.
later
Johnny
-
May 13, 2004, 17:10 #3
- Join Date
- Jun 2003
- Location
- Reno, NV
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Code:test test test test test test test test test test test | test test test test test test test test test test test | test test test test test test test test test test test | test test test test test test test test test test test | test test test test test test test test test test test | test test test test test test test test test test test | test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
But that is what I meant. THe line on the right side only extending halfway down the "table".
-
May 15, 2004, 01:24 #4
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Hi,
Something like this:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> table { width:30%; padding:0; border-collapse:collapse; } td.border { border-left:1px solid #000; } td.text {background:#ffffcc} </style> </head> <body> <table> <tr> <td class="text"rowspan="2"> <p>This is some text : this is some text : This is some text : this is some text : This is some text : this is some text : This is some text : this is some text : This is some text : this is some text : This is some text : this is some text : This is some text : this is some text : </p></td> <td class="border"></td> </tr> <tr> <td></td> </tr> </table> </body> </html>
Bookmarks