That a good solution but I think you could simplify it by this :
<label>
        <input />
        Whatever your term that must appear after your input text box
</label>

Where :
label {float: left; clear: none; width: 49%;}


 

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kornel Lesinski
Sent: April 30, 2005 16:51
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] To table or not to table, the form question

On Sat, 30 Apr 2005 21:41:11 +0100, tee <[EMAIL PROTECTED]> wrote:

> I need to create a complex online order form that look something like
> this:
> http://www.melsmarket.com/cgi-bin/orderonline.cgi
>
> Haven't start yet but I already imagine it will be a big headache if 
> using CSS, especially copying with the IE, not to mention the tedious 
> code for the float left float right and clear both.

There you go:

<div><input /><label /><div>
<div class="odd"><input /><label /><div>

div {float: left; clear: right; width: 49%;}
* html div {clear: both;}
div.odd {float: right; width: 49%;}
h3 {clear: both;}


--
regards, Kornel Lesiński

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to