SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict martinfamily2005's Avatar
    Join Date
    Jul 2010
    Posts
    235
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    <td> background image issue

    I have 3 <td>'s on this page: http://billboardfamily.com/cart/

    They are the ones with the text "item" "price" and "delete"

    They look good, with one exception....... I want them to have no space between them so the background image looks like one continuous line. How can I do this?


    Thanks!

    CSS:

    Code:
    #item-name {
            padding-bottom: 3px;
            background: url("../images/largedots.png") repeat-x bottom transparent;
        }
        #item-price {
            margin-left: -1px;
            padding-bottom: 3px;
            background: url("../images/largedots.png") repeat-x bottom transparent;
        }
        #item-delete {
            padding-bottom: 3px;
            background: url("../images/largedots.png") repeat-x bottom transparent;
        }

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Me no see no table on dat dere page.

  3. #3
    SitePoint Addict martinfamily2005's Avatar
    Join Date
    Jul 2010
    Posts
    235
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Me no see no table on dat dere page.

    Duh, my bad. You have to add something to the cart to get the table...my bad.


    http://billboardfamily.com/calendar/ Just add something here, then click "view shopping cart" at the top.

    sorry.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    The simplest way I know is to add

    Code:
    <table style="width: 100%; border-collapse:collapse;">
    (I wouldn't do it inline, of course.)

    That will close up the table a bit, though, so you'll need some extra cell padding.

  5. #5
    SitePoint Addict martinfamily2005's Avatar
    Join Date
    Jul 2010
    Posts
    235
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    The simplest way I know is to add

    Code:
    <table style="width: 100%; border-collapse:collapse;">
    (I wouldn't do it inline, of course.)

    That will close up the table a bit, though, so you'll need some extra cell padding.

    That totally worked! Thanks!


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
  •