#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0

    Help.... DIV not aligning to top of other Div (tab simulation)


    Im not sure whats going on with this one. It used to work fine but it seems that my TABS are not adjoining the top of my table. It works fine in my "test" code but not in live.

    Here is a screenshot of the issue....
    uneakdesigns.smugmug.com/photos/i-n6fjNh8/0/L/i-n6fjNh8-L.png

    And link to the page.
    www(dot)freshbikescycling(dot)com/index.php/store/product_detail/cervelo-r5-vwd-red

    Thanks in advance.
    Joe
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    8
    Hello, just gone through your code and figured out it is the margin-bottom declaration on you list items.

    Just delete the line in red and you should get the desired result!

    Code:
    #main #content #productsLeftPane li {
        color: #D6D8D9;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;//delete this style!
        margin-left: 35px;
        padding-left: 10px;
    }
    Kind regards,

    NM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0
    Originally Posted by Nanomech
    Hello, just gone through your code and figured out it is the margin-bottom declaration on you list items.

    Just delete the line in red and you should get the desired result!

    Code:
    #main #content #productsLeftPane li {
        color: #D6D8D9;
        font-family: Verdana,Geneva,sans-serif;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;//delete this style!
        margin-left: 35px;
        padding-left: 10px;
    }
    Kind regards,

    NM.
    Awesome!! Thanks so much. I was going crazy trying to find the style that was overriding it!!
  6. #4
  7. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    299
    Rep Power
    8
    Anytime!

    Best thing for debugging is http://getfirebug.com/. This tool is so so handy for debugging, I definitely recommend you install the plugin if you haven't already, it's invaluable. Might overwhelm you at first as when I first installed it I didn't know how to use it or what I was looking at but just persevere with it.

    Kind regards,

    Nm.
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0
    Thanks for the tip. I'll check it out!!

    Joe

IMN logo majestic logo threadwatch logo seochat tools logo