asked on

Controlling this Ugly table with CSS a little better

Yes, I know this table isn't pretty.

http://rowbytesting.com/free-consultation

But why is the top table labeled "Where would you like your Free Consultation?" so tall? I don't see any padding, etc.

I tried adding a height to the table's css, but it only made the table taller, not shorter. For example if I gave it a height of 1000px, it would make it 1000 px, but if I gave it a height of 100 px, it would have no effect.

I see no hidden br's or p's in the table. So why is it's height behaving so badly?

Also how do I get the checkbox text in that particular table to be 14 px instead of 13 px.

Yes, it's ugly, but I need to get these initial issues fixed before I think about making it prettier.

THanks

Rowby

ASKER CERTIFIED SOLUTION

twohawks

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

sunu340

>>But why is the top table labeled "Where would you like your Free Consultation?" so tall? I don't see any padding, etc
Its becoz of the height element specified there..
<td width="454" valign="top" height="194"><p>Where would you like your Free Consultation?</p>
...
Change the height to ur desired height.Anything below 163px will have no effect here bcoz of the font-size mentioned.As the table required some space to fill up the texts.

>>Also how do I get the checkbox text in that particular table to be 14 px instead of 13 px.
To achieve this add style element width:13px;height:13px; to the checkbox either inline or in css file.

Rowby Goren

ASKER

Hi twohawks.

Thanks for that - the height is now fixed.

I'll dig into your checkbox link in the a.m.

Rowby

Rowby Goren

ASKER

Hi suno340 and twohawks....

Looking at both of your responses (including twohawks link) I get the impression that each individual checkbox needs to have its own style associated with its id.

I would prefer to have a global css for spacing etc of all checkboxes -- within the surrounding table id....

Or am I misunderstanding checkbox styling...

Rowby

SOLUTION

sunu340

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

Hi sunu340

Later this a.m. I'll try your p approach to overall checkboxes.

(Will later split points)

Rowby

Rowby Goren

ASKER

Hi Hi sunu340

Your "global" textbox solution worked perfectly.

I wish I could give both of your "the Solution" award - but I will split the points evenly.

Rowby

Rowby Goren

ASKER

AH, it appears I was able to give both of you not only equal points but both as the Solution.

I appreciate your prompt and expert help and your enlightenment on these issues!

Rowby

twohawks

Thanks, rowby. Glad it worked out. I will be checking out sunu's solution... I wonder if that is fully crossbrowser functional?

Rowby Goren

ASKER

RE crossbroser compatible -- let me know. I don't care about IE 6 or earlier, but would be interested in the other modern browsers.

Rowby

twohawks

The two better sources I found on this are:
http://www.thecssninja.com/css/custom-inputs-using-css
and
http://www.whatstyle.net/articles/18/pretty_form_controls_with_css

Rowby Goren

ASKER

HI

I will check them out....

Rowby