Rewrite no tables; center problem

[RobM]

Greetings

I'm attempting out of interest to rewrite and modernise this page at
http://easprod1.epa.vic.gov.au/wastecert/login.jsp

My progress so far is at
http://users.bigpond.net.au/snootfrog/wip/login.html

I'm trying to use an example obtained from the group archives to make the
user/password column & rows non-table (I don't think it warrants being
called tabular).
1. Not sure I like it - I'm now suffering from <div> soup by the looks (not
as nice as alphabet soup?)
2. A bit stuck how to centre the rows within the grey area, you can see
user/password rows are to the left.

Really appreciate some pointers, even a kick up the botty if I'm going
completely down the wrong track.

Thanks crew
Rob (twoDogs and chardonnay at the ready)

Ahhh nearly forgot, PS - the attribute that stops it validating
"autocomplete" is there to stop IE from doing its dropdown thing; not
appropriate for a User ID value.

 

[RobM]

Greetings

I'm attempting out of interest to rewrite and modernise this page at
http://easprod1.epa.vic.gov.au/wastecert/login.jsp

My progress so far is at
http://users.bigpond.net.au/snootfrog/wip/login.html

I'm trying to use an example obtained from the group archives to make the
user/password column & rows non-table (I don't think it warrants being
called tabular).
1. Not sure I like it - I'm now suffering from <div> soup by the looks (not
as nice as alphabet soup?)
2. A bit stuck how to centre the rows within the grey area, you can see
user/password rows are to the left.

PS - been using Opera.... now just tried it in IE and its quite a mess.
(Reaches for drawing board....)

 

[oo-]

Greetings

I'm attempting out of interest to rewrite and modernise this page at
http://easprod1.epa.vic.gov.au/wastecert/login.jsp

My progress so far is at
http://users.bigpond.net.au/snootfrog/wip/login.html

I'm trying to use an example obtained from the group archives to make the
user/password column & rows non-table (I don't think it warrants being
called tabular).
1. Not sure I like it - I'm now suffering from <div> soup by the looks
(not
as nice as alphabet soup?)

instead of trying to place everything in divs and styling the divs try
simply styling the html tags e.g. input{ width: 10px}
check here for a good tableless-forms tutorial
http://www.quirksmode.org/css/forms.html

2. A bit stuck how to centre the rows within the grey area, you can see
user/password rows are to the left.

try centering the form tag with either text-align: center or with margin: 0
auto. Failing that try adding margins to the form elements to make them more
central.

Really appreciate some pointers, even a kick up the botty if I'm going
completely down the wrong track.

Make sure you add correct html like label and legend as well as id's to your
form elements and possibly tabindexes. They all go to make your form more
accessible and therefore better.
The fieldset attribute may also be useful, especailly if you plan to sue
biger forms on your site.

 

[RobM]

I'm attempting out of interest to rewrite and modernise this page at

instead of trying to place everything in divs and styling the divs try
simply styling the html tags e.g. input{ width: 10px}
check here for a good tableless-forms tutorial
http://www.quirksmode.org/css/forms.html

Thanks - looks much better. I originally took my first example from
http://css.nu/articles/table-in-css.html

Thanks for the link
Cheers
Rob