[WSG] recreating a table form with simple floating

2005-05-02 Thread Drake, Ted C.
That's not so difficult
input/label for=inputa object name/aspanred stuff/span
text/label
Repeat.


In the style sheet, you know how wide your fieldset is going to be, let's
say 500px. 
Give your label and check box a width that ends up being half the distance:
Label:width:225px checkbox width;20px. 
Now, float them all to the left.
There won't be enough room for a third checkbox and it will look like  you
want.
Label span {color:red} 
Label {color:black}
Label a {link style}

Ted
http://www.tdrake.net

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Hugues Brunelle
Sent: Saturday, April 30, 2005 8:07 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] To table or not to table, the form question

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:

divinput /label /div
div class=oddinput /label /div

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


--
regards, Kornel Lesiski

**
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
**
**
The discussion list for  http://webstandardsgroup.org/

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



Re: [WSG] recreating a table form with simple floating

2005-05-02 Thread Peter J. Farrell
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
 

All I have to say, is...
Tidy: 486 warnings, 7 errors - Too many warnings to display
--
Peter J. Farrell :: Maestro Publishing
blog:: http://blog.maestropublishing.com
email   :: [EMAIL PROTECTED]
Create boilerplate beans!
Check out the Mach-II Bean Creator - free download.
http://blog.maestropublishing.com/mach-ii_beaner.htm
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**