Need CSS Help- Where's My Css Friend?? :)

[Kaniki]

Hi there folks.. I am in need of my CSS friend- or even a brandy dandy new one.. I've muddled and fuddled and actually do quite well- but this that I am working on has me befuddled... :)

This is the link I'd like for you to look at: http://kanikis.com/justforkeeps/inde...roducts_id=486

And what I'd like to do- is "tighten up" the spaces between the two dropdown menu attributes etc.. So all of the dropdowns, the add to cart- etc... All line up nice nice...

Any takers??? I would just be humbled and ever so grateful!!

I did try and try to adjust- but just keep getting it further apart...

Thanks bunches!!!
Niki

[borillion_star]

This one is somewhat easy

You need to put these elements inside a div
<div id=tighten>
</div>

and then in your css add

#tighten
{ line-height:1em; }

That may help it a bit, your probably going to have to apply it to each
<div id=##### in your style sheet as its not all one div.

[gjh42]

Some unknown property is giving the <h4> attribute headings huge top and bottom margins (I say unknown because Firebug doesn't show any margin setting affecting them at all).

If you explicitly set small margins for them, all is well:

label, h4.optionName {
	line-height: 1.5em;
	padding: 0em;
	float: left;
	margin: 0.1em;
}

These headings are both h4.optionName and label, so the font sizing properties apply twice, making the line-height extra large. Shrinking that doesn't help much, because the margins are still there.

[Kaniki]

Yes- I couldn't find anything unusual either- when I used the developers tools in firefox.. It looked "Okay".... I didn't understand..

I'm going to go in and try these.. Maybe the label h4 margin will fix this!!

BRB....

Thanks guys!!

[Kaniki]

Okay!! You guys are great!!

I added the margin fix- and istead of 0.1... I put 0em. It's a Ton Better!! There's still a "tiny" gap between dropdown options- but... I'm much happier with this look!! This way customers won't get confused!!!

There are many settings in the css that helped line everything up!! And a huge thanks to everyone who helped me put codes with css- with what they actually are in the shop cart code!!

YAY!! Thanks again!!!

[gjh42]

Glad it worked as you wanted. I first tried a 0 margin and thought it looked too crowded, but if you like it, that's what matters.

[Kaniki]

ah hah.. In explorer- it looks about right... Maybe I should re-look in firefox to make sure....

But then again- I am still very grateful for the help!!