Textpattern CMS

#1 2007-10-02 12:03:57

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Zem Contact Reborn select label css issue

how to force select label to float left in this form
like other labels do, i don’t get it? ie floats, but ff and opera doesn’t…

my css:

.zemContactForm label{
margin-right: 0.6em;
text-align:right;
float: left;
width: 40%;
}

#2 2007-10-02 13:03:40

kevinpotts

Member

From: Ghost Coast

Registered: 2004-12-07

Posts: 370

Re: Zem Contact Reborn select label css issue

I looked at your form in Opera and the labels are floating fine. One thing I have found trouble with is mixing percentages with hard values like em and px. My suggestion is to use either exclusively; in other words, set the width to 10em or the right margin to 2%. Other than that, your CSS looks good.

---

Kevin
(graphicpush)

#3 2007-10-02 13:15:06

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

Re: Zem Contact Reborn select label css issue

kevinpotts wrote:

I looked at your form in Opera and the labels are floating fine.

wierd, my 9.01 didn’t float, but, you suggestion below – to use pixels instead of percentages – did the job. many thanks kevin

One thing I have found trouble with is mixing percentages with hard values like em and px. My suggestion is to use either exclusively; in other words, set the width to 10em or the right margin to 2%. Other than that, your CSS looks good.