| SitePoint Sponsor |
|
|
User Tag List
Results 1 to 4 of 4
Thread: Help with a border
-
May 13, 2004, 15:19 #1SitePoint Member
- 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, 16:08 #2Is Still Alive
- Join Date
- Jul 2003
- Posts
- 6,855
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
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, 16:10 #3SitePoint Member
- Join Date
- Jun 2003
- Location
- Reno, NV
- Posts
- 6
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
When I say drew, I literally drew it outCode: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, 00:24 #4The CSS Clinic is open
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 39,605
- Mentioned
- 153 Post(s)
- Tagged
- 3 Thread(s)
Hi,
Something like this:
PaulCode:<!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