HighDots Forums  

Simple form label question.

alt.html alt.html


Discuss Simple form label question. in the alt.html forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Mike Barnard
 
Posts: n/a

Default Simple form label question. - 03-28-2008 , 07:23 PM






Hi. Missd me?

Well, without me asking stupid questions, how would you look so
knowledgable?

www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side.
Are there css rules for repositioning it? I have looked but found
nothing that helps.

Thanks.

<Drinks blackcurrant juice.>


Reply With Quote
  #2  
Old   
freemont
 
Posts: n/a

Default Re: Simple form label question. - 03-28-2008 , 08:08 PM






On Sat, 29 Mar 2008 00:23:29 +0000, Mike Barnard writ:

Quote:
www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side. Are
there css rules for repositioning it? I have looked but found nothing
that helps.
How about:

<p>
<label for="name">Please tell me your name,<br><input type="text"
name="name" id="name" size="50" value=""></label> <br><br>
<label for="email">And enter the e-mail address you would like me to
respond to.<br><input type="text" name="email" id="email" size="50"
value=""></label>
<br><br>
<label for="comments">Then leave your message in this box<br><textarea
name="comments" id="comments" cols="50" rows="20" ></textarea></label>
<br>
<input type="submit" name="submit" id="submit" value="Send"> </p>

--
"Because all you of Earth are idiots!"
¯`·.¸¸.·´¯`·-> freemont© <-·´¯`·.¸¸.·´¯


Reply With Quote
  #3  
Old   
Ben C
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 05:43 AM



On 2008-03-29, Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk> wrote:
Quote:
Hi. Missd me?

Well, without me asking stupid questions, how would you look so
knowledgable?

www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side.
Are there css rules for repositioning it? I have looked but found
nothing that helps.
You can put a SPAN around the words "Then leave your message in this
box" and give the span vertical-align: top.

But it doesn't look very good if the line breaks.

Why not put the instructions above each input instead?


Reply With Quote
  #4  
Old   
Mike Barnard
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 09:18 AM



On Sat, 29 Mar 2008 01:08:02 +0000, freemont
<freemont (AT) spammenotfreemontsoffice (DOT) com> wrote:

Quote:
On Sat, 29 Mar 2008 00:23:29 +0000, Mike Barnard writ:

www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side. Are
there css rules for repositioning it? I have looked but found nothing
that helps.

How about:

p
label for="name">Please tell me your name,<br><input type="text"
name="name" id="name" size="50" value=""></label> <br><br
label for="email">And enter the e-mail address you would like me to
respond to.<br><input type="text" name="email" id="email" size="50"
value=""></label
br><br
label for="comments">Then leave your message in this box<br><textarea
name="comments" id="comments" cols="50" rows="20" ></textarea></label
br
input type="submit" name="submit" id="submit" value="Send"> </p
That outputs very neatly and tidily, thanks. I assume this means there
is no specific CSS for labels and input items?


Reply With Quote
  #5  
Old   
Mike Barnard
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 09:21 AM



On Sat, 29 Mar 2008 05:43:00 -0500, Ben C <spamspam (AT) spam (DOT) eggs> wrote:

Quote:
On 2008-03-29, Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk> wrote:
Hi. Missd me?

Well, without me asking stupid questions, how would you look so
knowledgable?

www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side.
Are there css rules for repositioning it? I have looked but found
nothing that helps.

You can put a SPAN around the words "Then leave your message in this
box" and give the span vertical-align: top.

But it doesn't look very good if the line breaks.
I'll experiment and see anyway. Thanks.

Quote:
Why not put the instructions above each input instead?
As Freemont has suggested. It looks OK, but no way to position
without placing tags? Prehistoric.


Reply With Quote
  #6  
Old   
freemont
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 09:59 AM



On Sat, 29 Mar 2008 14:18:25 +0000, Mike Barnard writ:

Quote:
That outputs very neatly and tidily, thanks. I assume this means there
is no specific CSS for labels and input items?
Well you can style those tags however you like. I'm not sure what you have
in mind. If you mean to ask, is there a css attribute "form-label-position"
or the like, then the answer's no. :-)

--
"Because all you of Earth are idiots!"
¯`·.¸¸.·´¯`·-> freemont© <-·´¯`·.¸¸.·´¯


Reply With Quote
  #7  
Old   
Mike Barnard
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 12:03 PM



On Sat, 29 Mar 2008 14:59:31 +0000, freemont
<freemont (AT) spammenotfreemontsoffice (DOT) com> wrote:

Quote:
On Sat, 29 Mar 2008 14:18:25 +0000, Mike Barnard writ:

That outputs very neatly and tidily, thanks. I assume this means there
is no specific CSS for labels and input items?

Well you can style those tags however you like. I'm not sure what you have
in mind. If you mean to ask, is there a css attribute "form-label-position"
or the like, then the answer's no. :-)
In a table one has this. "caption-side: bottom;". I hoped there was a
similar statement for form stuff.. Oh well.

I have used your variation on my tags. I'm sure you don't mind?
Thank you.

I WILL get this finished. It's taking me a long time to write up the
page contents, and ensuring as best I can it's accuracy.



Reply With Quote
  #8  
Old   
Ben C
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 03:41 PM



On 2008-03-29, Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk> wrote:
Quote:
On Sat, 29 Mar 2008 05:43:00 -0500, Ben C <spamspam (AT) spam (DOT) eggs> wrote:

On 2008-03-29, Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk> wrote:
Hi. Missd me?

Well, without me asking stupid questions, how would you look so
knowledgable?

www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side.
Are there css rules for repositioning it? I have looked but found
nothing that helps.

You can put a SPAN around the words "Then leave your message in this
box" and give the span vertical-align: top.

But it doesn't look very good if the line breaks.

I'll experiment and see anyway. Thanks.

Why not put the instructions above each input instead?

As Freemont has suggested. It looks OK, but no way to position
without placing tags? Prehistoric.
Not sure what you mean. You can position input elements like any other
replaced elements (e.g. images).


Reply With Quote
  #9  
Old   
BootNic
 
Posts: n/a

Default Re: Simple form label question. - 03-29-2008 , 04:24 PM



Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk> wrote in
news:5n2ru3hi540521c45jd2h2n58qmmu7vnev (AT) 4ax (DOT) com:

Quote:
Hi. Missd me?

Well, without me asking stupid questions, how would you look so
knowledgable?

www.thermachek.com/contact.php

The label attached to the big textbox is at the bottom on one side.
Are there css rules for repositioning it? I have looked but found
nothing that helps.
A table mayhaps be the best choice.

Without a table perhaps using css display.

IE issues, yes well ya know IE prefers issues. For IE without js a fixed
width and a percent width may suffice. IE with js (css expression) can
smack it about a bit and make it fit.

http://snurl.com/22xqi

--
BootNic Saturday March 29, 2008 5:24 PM
A person without a sense of humor is like a wagon without springs,
jolted by every pebble in the road.
*Henry Ward Beecher*


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.