- see footer for list info -<
Also Paul, it's good practice to use labels so:

<div class="formField">
<label for="x">Username:</label> <input type="text" id="x" name="username" />
</div>

Note:

1. Wrapping a div around it makes it all much easier to style
2. the for attribute of the label links with the id attribute of the input. You'll see that if you click on the text then the input will be selected - it's great for things like screen readers and part of the WAI guidelines.

HTH
d



Paul Swingewood wrote:
- see footer for list info -<
Many Thanks i'll have a look

Regards - Paul


From: "Stephen Moretti" <[EMAIL PROTECTED]>
Reply-To: Coldfusion Development <[email protected]>
To: "Coldfusion Development" <[email protected]>
Subject: Re: [CF-Dev] CSS
Date: Mon, 3 Sep 2007 12:46:35 +0100

>- see footer for list info -<
Paul,

This might be of use to you.

http://jeffhowden.com/code/css/forms/

Regards

Stephen

On 03/09/07, Paul Swingewood <[EMAIL PROTECTED]> wrote:
>
> >- see footer for list info -<
> Hello again.
>
> Can anyone tell me how to align the form elements from the descriptive
> text
> using CSS. Something done many times using tables but I want to try and do
> this site 'properly' - lol
>
> I have tried using padding but this just seems to move the text in the box
> rather than the box itself.
>
> #formtext {
>         margin-bottom:5px;
>         height:37px;
>         padding: 5px 30px 0px 10px;
> }
>
> <div id="formtext">
> <cfoutput query="GetVenue">
>                                         <p>Venue Name
>                                         <input type="text"
> name="ModifiedVenueName"
> value="#GetVenue.VenueName#" / style="padding-left:20px;">
>                                         </p>
>                                         <p>Street
>                                         <input type="text"
> name="ModifiedVenueName"
> value="#GetVenue.VenueName#" / style="margin:5px;"><br />
>                                         Town
>                                         <input type="text"
> name="ModifiedVenueName"
> value="#GetVenue.VenueName#" /><br />
>                                         City
>
> blah blah blah .....
>
> Regards - Paul
>
>
> _______________________________________________
>
> For details on ALL mailing lists and for joining or leaving lists, go to
> http://list.cfdeveloper.co.uk/mailman/listinfo
>
> --
> CFDeveloper Sponsors:-
> >- cfdeveloper Hosting provided by www.cfmxhosting.co.uk -<
> >- Lists hosted by www.Gradwell.com -<
> >- CFdeveloper is run by Russ Michaels, feel free to volunteer your help
> -<
>
_______________________________________________

For details on ALL mailing lists and for joining or leaving lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo

--
CFDeveloper Sponsors:-
>- cfdeveloper Hosting provided by www.cfmxhosting.co.uk -<
>- Lists hosted by www.Gradwell.com -<
>- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<


_______________________________________________

For details on ALL mailing lists and for joining or leaving lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo

--
CFDeveloper Sponsors:-
- cfdeveloper Hosting provided by www.cfmxhosting.co.uk -<
- Lists hosted by www.Gradwell.com -<
- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<


_______________________________________________

For details on ALL mailing lists and for joining or leaving lists, go to 
http://list.cfdeveloper.co.uk/mailman/listinfo

--
CFDeveloper Sponsors:-
- cfdeveloper Hosting provided by www.cfmxhosting.co.uk -<
- Lists hosted by www.Gradwell.com -<
- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<

Reply via email to