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

Locked

Results 1 to 7 of 7

This thread is locked. New replies are disabled.

02 Dec 2010, 04:21

kaniki

Zen Follower

Join Date:: Sep 2010
Posts:: 111
Plugin Contributions:: 0

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

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/index.php?main_page=product_info&cPath=12_13&products_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

02 Dec 2010, 04:43

borillion_star

New Zenner

Join Date:: Jan 2008
Posts:: 73
Plugin Contributions:: 0

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

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.

02 Dec 2010, 04:52

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

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

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.

02 Dec 2010, 04:54

kaniki

Zen Follower

Join Date:: Sep 2010
Posts:: 111
Plugin Contributions:: 0

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

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

02 Dec 2010, 05:00

kaniki

Zen Follower

Join Date:: Sep 2010
Posts:: 111
Plugin Contributions:: 0

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

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

02 Dec 2010, 05:10

gjh42

Black Belt

Join Date:: Jul 2005
Posts:: 21,876
Plugin Contributions:: 6

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

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.

02 Dec 2010, 05:14

kaniki

Zen Follower

Join Date:: Sep 2010
Posts:: 111
Plugin Contributions:: 0

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

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