SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    671
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Tuirn off border in TD

    I am trying to tuen off a left border in a partcular cell in a table. I am trying to use CSS to do this of course but I am not having any luck. DW is showing that it works but FF and IE still show the border. What is the best way to control this?

    Here is my css:
    Code:
    .infotable {
    	border-collapse:collapse;
    	border:solid 2px #0183c6;
    	}
    .infotable th {
    	background-color:#006599;
    	padding:4px;
    	color:#FFFFFF;
    	}
    .infotable td {
    	padding:4px;
    	color:#666666;
    	border:solid 2px #0183c6;
    	vertical-align:top;
    	}
    .infotable td.nobrder {
    	border-left:none;
    	}
    Thanks,
    Houston
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    SitePoint Member
    Join Date
    Jan 2006
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Try this

    Have you tried:

    border-left-width: 0px;
    or
    border-left:0px;

  3. #3
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    With collapsing borders, you need to turn off both borders for it to make a difference. In addition to setting border-left:none for the cell in question, you need to set border-right:none for the cell to its left.

    In the collapsing border model, the borders of both cells overlap. Removing one of them still leaves the other one visible. Thus you need to remove both borders involved.

    Try setting border-collapse:separate temporarily, and you'll see what is going on.
    Birnam wood is come to Dunsinane


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
  •