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

Dev Shed Forums Sponsor:

December 10th, 2012, 07:54 PM

joco

Registered User

Join Date: Dec 2012

Posts: 3

Time spent in forums: 28 m 23 sec
Reputation Power: 0

New Member - 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

December 10th, 2012, 08:17 PM

Nanomech

Contributing User

Join Date: Aug 2011

Location: The Pleiades

Posts: 196

Time spent in forums: 1 Day 23 h 53 m 4 sec
Reputation Power: 7

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.

__________________
"WERE NOT WORTHY!"

"WERE NOT WORTHY!"

December 10th, 2012, 08:27 PM

joco

Registered User

Join Date: Dec 2012

Posts: 3

Time spent in forums: 28 m 23 sec
Reputation Power: 0

Quote:

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!!

December 10th, 2012, 08:46 PM

Nanomech

Contributing User

Join Date: Aug 2011

Location: The Pleiades

Posts: 196

Time spent in forums: 1 Day 23 h 53 m 4 sec
Reputation Power: 7

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.

December 10th, 2012, 09:18 PM

joco

Registered User

Join Date: Dec 2012

Posts: 3

Time spent in forums: 28 m 23 sec
Reputation Power: 0

Thanks for the tip. I'll check it out!!

Joe

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

Developer Shed Advertisers and Affiliates