SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2009
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Ok, how do I get rid of the spacing between the table's cells?

    See the attachment?

    There's still a white border around the table's cells.

    I thought the following would get that:
    Code:
    #peopleTable {width: 50px; height: 80px; border-spacing: 0px; border-collapse: collapse;}
    #peopleTable img {width: 10px; height: 15px;}
    How do I get rid of the white borders around the images?


    Thanks
    Attached Images Attached Images

  2. #2
    Avid Logophile silver trophy
    ParkinT's Avatar
    Join Date
    May 2006
    Location
    Central Florida
    Posts
    2,343
    Mentioned
    192 Post(s)
    Tagged
    4 Thread(s)
    Try this:
    Code:
    #peopleTable td { 
    	padding:0px; 
    	}
    And be sure the IMAGES have "padding: none"
    Don't be yourself. Be someone a little nicer. -Mignon McLaughlin, journalist and author (1913-1983)


    Git is for EVERYONE
    Literally, the best app for readers.
    Make Your P@ssw0rd Secure
    Leveraging SubDomains

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,117
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    These styles should remove the cellspacing.
    Code:
    table {
      border-collapse: collapse;
      border: none;
    }
    td { padding: 0; border: none }
    img { display: block }
    You could also use a series of <img><img> and just float everything left which is probably easier than calculating columns and rows
    Code:
    img { float: left; width: 10px; height: 15px }


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
  •