SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint 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?

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    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

  3. #3
    SitePoint Member
    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
    When I say drew, I literally drew it out But that is what I meant. THe line on the right side only extending halfway down the "table".

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,789
    Mentioned
    158 Post(s)
    Tagged
    3 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>
    Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •