Many ways to do this, some add to html, some to css. You should be able to
go to any website that has a form to inspect how they do it.
Just wrap each label/input pair in a span/div and use a class of
'form-element--inline' or 'form-element--block'. Make the former display:
inline-block and the
24.5.2011 6:03, bho...@aol.com wrote:
Hi. I haven't had the need to use forms in a web site in several years,
but when I did, I set them up in tables using strictly HTML. So now I'm
using CSS to lay out the table,
I guess you mean you're using a bunch of div elements and trying to
make
-Original Message-
According to these statistics
http://www.w3schools.com/browsers/browsers_stats.asp
Firefox is used by
about 42% of the population with IE7 and IE6 combined making up 51.7%
of usage with IE7 just under 27%. I think these stats might only refer
to those that
Alan K Baker wrote:
I'm sorry, I should have said that I hadn't got round to testing in Firefox
yet. I only tested in IE7 for now. I tend to try to get it right in one
browser first, then tweak it later for the others and yes, the float:left
*does* make a difference in other browsers.
--- On Wed, 8/20/08, Lesley Binks [EMAIL PROTECTED] wrote:
According to these statistics
http://www.w3schools.com/browsers/browsers_stats.asp
Firefox is used by
about 42% of the population with IE7 and IE6 combined
making up 51.7% of
usage with IE7 just under 27%. I think these stats
Bobby Jack wrote:
--- On Wed, 8/20/08, Lesley Binks [EMAIL PROTECTED] wrote:
According to these statistics
http://www.w3schools.com/browsers/browsers_stats.asp
Firefox is used by
about 42% of the population with IE7 and IE6 combined
making up 51.7% of
usage with IE7 just under 27%. I
Lesley Binks wrote:
Bobby Jack wrote:
--- On Wed, 8/20/08, Lesley Binks [EMAIL PROTECTED] wrote:
According to these statistics
http://www.w3schools.com/browsers/browsers_stats.asp
Firefox is used by
about 42% of the population with IE7 and IE6 combined
making up 51.7% of
usage with
Shopsmith 520 + bits
Flatulus Antiquitus
- Original Message -
From: Thierry Koblentz
To: 'Alan K Baker' ; 'css-d'
Sent: Wednesday, August 13, 2008 5:58 PM
Subject: RE: [css-d] Forms
The overflow and zoom put the backgrounds and boxes in their correct
places
Antiquitus
- Original Message -
From: Thierry Koblentz
To: 'Alan K Baker' ; 'css-d'
Sent: Wednesday, August 13, 2008 2:44 AM
Subject: RE: [css-d] Forms
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
discuss.org] On Behalf Of Alan K Baker
Sent
I'm sorry, the '#' was a typo. I was using 'form' not #form' :-)
The overflow and zoom put the backgrounds and boxes in their correct
places,
but the input {float:left} makes no difference. Those fields just stay
stuck
together and won't align.
It makes a difference in Firefox. You were
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
discuss.org] On Behalf Of Alan K Baker
Sent: Tuesday, August 12, 2008 3:21 PM
To: css-d
Subject: [css-d] Forms
Hi Gang.
I've set up a simple Form at: www.webbwize.co.uk/Test_Area/Register/ with
a
stylesheet
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
- Original Message -
From: Thierry Koblentz
To: 'Alan K Baker' ; 'css-d'
Sent: Wednesday, August 13, 2008 12:09 AM
Subject: RE: [css-d] Forms
-Original
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
discuss.org] On Behalf Of Alan K Baker
Sent: Tuesday, August 12, 2008 6:10 PM
To: css-d
Subject: Re: [css-d] Forms
Hi Thierry.
I set a float on #form input but it makes no difference.
If it didn't make any
]
Subject: Re: [css-d] forms cant' be placed below eachother
To: [EMAIL PROTECTED]
#register {
position : relative;
top : 225px;
width : 450px;
//float : left;
}
#login {
position : relative;
top : 100px;
width : 400px;
}
Jerome
- Original Message -
From: jeroen
jeroen vannevel wrote:
So now they are placed right below eachother, but I can't move them 100px to
the right.
I've tried it by placing them both in a div, and margin this div, but that
didn't work.
http://www.speedzor.com/members.php
greetings,
jeroen
#register {
position :
I tried this, but it still doesn't make any difference.
Date: Wed, 25 Jun 2008 15:34:18 -0400
From: [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
CC: css-d@lists.css-discuss.org
Subject: Re: [css-d] forms cant' be placed below eachother
jeroen vannevel wrote:
So now they are placed right
jeroen vannevel wrote:
I tried this, but it still doesn't make any difference.
http://www.speedzor.com/members.php
#register {
left: 100px;---:: add this
//float : left;---:: delete this
}
#login {
left: 100px;---:: add this
}
Dunno. Working on a /local
At 5:32 PM +0200 6/24/08, jeroen vannevel wrote:
Hi,
For some reason, my 2 forms can't be placed underneath eachother.
I want register vertically right below the login form.
Does someone see the problem here?
http://www.speedzor.com/members.php
greetings,
jeroen
Take out those absolutes and
On Dec 1, 2007, at 11:10 AM, Yoyo Etc wrote:
I am about to revamp a long form I created a while ago and I want to
use CSS to style it. This will be my first form styled with CSS.
Does anyone have any good online resources they can point me to that
show how to do this?
I also found this
Hi Tina,
Give Stu Nichols CSS Play a shot:
http://www.cssplay.co.uk/menu/form on this page
underneath the form, there are other links to
different styles done to forms by other
designer/authors.
Elli
--- Yoyo Etc [EMAIL PROTECTED] wrote:
I am about to revamp a long form I created a while
Hi Phil,
the sign up boxes aren't displaying correctly
http://www.yourplanetneedsyou.org/
I did not check in IE7 but IE6 SP1, Opera 9.10 and Firefox 2.0.0.1 on
Windows 2000.
I am not quite sure how the boxes should be displayed, but on a
related issue, in Opera and Firefox the page is
On 04/01/07, Phil Turner [EMAIL PROTECTED] wrote:
can someone check my site as I'm on a mac in Firefox, checked in
latest IE on a pc but I have been told the sign up boxes aren't
displaying correctly
How are the input elements, in the form on the left hand side of the
layout, meant to be
Raine,
On Dec 11, 2006, at 7:15 PM, Raine wrote:
I have a weird thing going on in a form.
http://ececil.net/searchform.php
In FireFox 2.0 the background color of input fields are white, but the
same page in IE7 shows background color...a pale yellow as the
background of the fields up in
Raine wrote:
I have a weird thing going on in a form.
http://ececil.net/searchform.php
In FireFox 2.0 the background color of input fields are white, but the
same page in IE7 shows background color...a pale yellow as the
background of the fields up in the header, and a bright green on
Roger Roelofs wrote:
Mattias,
On Sep 13, 2006, at 4:32 PM, Mattias Brändström wrote:
This gives me the a small vertical space between the elements in FF and
a big one (perhaps 3 times larger) in IE. What I want is the FF version.
Is there some trick to get this to show the same way in IE?
Mattias Brändström wrote:
This gives me the a small vertical space between the elements in
FF and a big one (perhaps 3 times larger) in IE. What I want is
the FF version. Is there some trick to get this to show the same
way in IE?
http://keso.brasse.org/foo.html
Some lose margins creating
Gunlaug Sørtun wrote:
Mattias Brändström wrote:
This gives me the a small vertical space between the elements in
FF and a big one (perhaps 3 times larger) in IE. What I want is
the FF version. Is there some trick to get this to show the same
way in IE?
http://keso.brasse.org/foo.html
Mattias Brändström wrote:
[...]Is there some trick to get this to show the same way in
IE?
http://keso.brasse.org/foo.html
div.row {height: 1%;}
That removed the gap completely in IE. If I increase the gap to 1em
(or more) it still render as no gap in IE. Any idea why that is?
Yes,
[EMAIL PROTECTED] wrote:
here's a background color applied to a fieldset - looks good
everywhere xcept IE of course...
Of course... :-)
- http://www.fatgraffix.com/myhl-dev/myhl-devquinn/dev04a.html
One way to solve it...
J. Robson wrote:
Hi,
Which the BEST form of use FORM ELEMENTS (web standards, usability and
acessibity) and flexible with CSS? Vertical Form / Column Form /
Margin Form and the other layoyut.
There's no best form layout. Each situation will call for something
different. Just make sure
At 10:16 -0300 3/8/06, J. Robson wrote:
Which the Best Pratices Semantic to HTML FORM (web standards, usability and
acessibity) and flexible with CSS?
See the answer that Zoe Gillenwater just sent to your previous nearly
identical question:
At 09:03 -0400 3/8/06, Zoe M. Gillenwater wrote:
On 7/25/06, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Do you know what tables are, Mandrake? The CMSes are using tables to try
and infect our precious fluid body tags. -- Gen. Jack D. Ripper
I have a form. Labels off to the left, fields to the right. There
additional columns of fields can be
cj wrote:
tell the label the id of the
control it's associated with. easy peasy!
===
And if you have multiple first name fields but only one label? Can't have
multiple fields with the same id.
It's not merely a CSS question, no, but everything ties in to other
At 3:43 PM -0400 7/25/06, [EMAIL PROTECTED] wrote:
I have a form. Labels off to the left, fields to the right. There
additional columns of fields can be added or removed by the user. Since
it's not displaying data, a table isn't really called for . . . or is it?
Can you use a data table to
On 6/11/06, pablo / silvasonic [EMAIL PROTECTED] wrote:
what do you guys think? tables or CSS? and if tables, what's the best
way to go about it, so that the form is still accessible.
Well, personally, I tend to use a divlabel/labelinput/div
markup for forms (something like this:
Right now it shows up under the field label. I am trying to get
it to the right of the field box. For some reason it does not
want to be there.
Here is the address:
http://pamshop.com/Template1/exp1.php
I'd be happy for any suggestions.
Mark,
I guess this is because you have the
I moved the hints and errors text next to the label text thinking it would
then be on the same line. For some odd reason though it still falls below the
label text.
Also, I tried increasing the width of the formcontainer with the same reaction.
Is it possible that it's a problem to control
Mark Fellowes wrote:
I moved the hints and errors text next to the label text thinking it would
then be on the same line. For some odd reason though it still falls below
the label text.
Also, I tried increasing the width of the formcontainer with the same
reaction.
Is it possible that
Mark,
view the source of the parsed page in your browser, copy it to your
editor and start debugging in a plain html file.
plabel for=kt_login_userUsername:
br class=clearfixplain /
div class=KT_field_errorInvalid username./div
/label/p
A div cannot be a child of a label. Validate your code.
Yep, thank you. The br class is getting added after parsing. It's most
likely in one of the class files. My apologies.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Monday, May 29, 2006 2:29 PM -07:00
To:
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Forms
Mark,
view
On 16/05/06, Steve LaBadie [EMAIL PROTECTED] wrote:
Can someone tell me how to control the height of a textbox as well as
the font size that appears in the textbox.
With the height and font-size properties.
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
Any recommendations or pointers appreciated. How can I reduce the
vertical spacing between elements of the form? The goal is a tighter,
sleeker look (without images). Adjusting margin, padding and
line-height are not doing what I had hoped or I don't understand how to
use them.
See sample
Any recommendations or pointers appreciated. How can I reduce the
vertical spacing between elements of the form? The goal is a tighter,
sleeker look (without images). Adjusting margin, padding and
line-height are not doing what I had hoped or I don't understand how to
use them.
See sample with
Tedd, Nick, That did the trick. It also helped fix a problem with radio
buttons not lining up in IE.
fieldset p
{
margin-bottom: .1em;
margin-top: .1em;
}
I made a sample page with rounded corners in rounded corners. I haven't gotten
into trying this with a
Michael Hulse wrote:
What would you suggest as the best technique for laying-out forms in a
fluid-width site?
Any fluid-width form examples available?
I plan to use fieldsets/labels... I would prefer to have the label to
the left of the input, not above.
Any links, tips, suggestions
On Dec 5, 2005, at 1:27 AM, Tony Crockford wrote:
I generally refer to the ideas in use here:
http://www.aplus.co.yu/css/forms/?css=1
Very helpful, thanks! :)
Micky
--
BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
My del.icio.us: http://del.icio.us/mhulse
* Rob Cochrane [EMAIL PROTECTED] [2005-09-23 01:20]:
Alan Gutierrez wrote:
A newbie question on styling forms.
A structure question...
What elements do I use to markup structure? DL/DT/DD? UL/LI?
For me label is a pretty logical way of marking up forms along with
No list tags; they'd be used for styling lists. ;)
Try fieldset, which can be nested; legend, but use a span inside it
and style that instead; and label. I get better styling mileage using
label for ... before or after the form control than wrapping it around the
control. Floats are definitely
No list tags; they'd be used for styling lists. ;)
Try fieldset, which can be nested; legend, but use a span inside it
and style that instead; and label. I get better styling mileage using
label for ... before or after the form control than wrapping it around the
control. Floats are
snip
- Title attributes are a tricky thing, and definitely NOT a valid
accessibility fallback. Titles explain more than meets the eye (or the
ear) on the first encounter - but not all users have title reading enabled
or have the patience/aptitude to see the rendered tooltip a title attribute
Alan Gutierrez wrote:
A newbie question on styling forms.
A structure question...
What elements do I use to markup structure? DL/DT/DD? UL/LI?
For me label is a pretty logical way of marking up forms along with
fieldset all are designed to work in a form. IE has some
On 8/4/05, Abyss Information [EMAIL PROTECTED] wrote:
Hi all,
Does anyone have any good select form styling code? because the code that I
am using doesn't seem to work.
Form elements cannott be controlled consistently across browsers.
52 matches
Mail list logo