Form layout

HTML & CSS
1

how can I get both elements in this form
http://mayacove.com/dev/form.html

to appear side by side, please… I’m floating them, still it’s not working… :frowning:

why is it so tricky to do layouts w/in forms sometimes… what a pain…

thank you…

2

thank you…

I ended up using fieldset inside form instead of a div or a p…
http://mayacove.com/dev/form.html

now works in all browsers…

(yes, definitely when doing this it helps to know what form elements are by default inline and which are block elements…:wink:

3

Looks fine in IE6 to me. :frowning:

4

Hi,

Some thoughts:

  • Learn what tags are standard ‘inline’ and ‘block’. For example, the input tag is always inline, you don’t need to set this in your css

  • don’t work with form tag, create a div inside your form tag.

  • you don’t need to clear elements anymore, use overflow:hidden on the container that has a float inside

5

actually, it doesn’t work in IE6… :frowning:

6

oh my gosh – disregard, I found solution, but I don’t understand it…:wink:

I had two &bnsp;'s betw text input and submit button… I removed them and it worked!! oh brother…

here’s the one w/o the  's…
http://mayacove.com/dev/form2.html

that’s the only difference… amazing…