Simple form label question.

[Mike Barnard]

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.>

 

[freemont]

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>

 

[Ben C]

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?

 

[Mike Barnard]

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?

 

[Mike Barnard]

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.

 

[freemont]

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.

 

[Mike Barnard]

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.

 

[Ben C]

I'll experiment and see anyway. Thanks.


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).

 

[BootNic]

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