form object spacing

[G E C K O 5]

Hi all,


I am having a difficult time fitting a textfield into my template that i am creating for a client. The URL is

http://www.atouchofjoy.com/temp/index.html

What i have attempted to do is have the textfield and then the two buttons right after it. That was going nowhere and was messing up all the other images, so i attempted to drop the buttons below the field and i am still having problems. I have dropped the char length of the field to 12 and it still is mucking up the tables.

Anybody have a suggestion on how to address this?


TIA.

Gecko5

[redhead]

see this?

<form name="form1" method="post" action="">
<input name="textfield" type="text" size="12">
</form>

your buttons need to be in the form tag. the form tag has by default loads of padding, so it could be a good idea to use style="padding: 0px; margin: 0px;" in the form tag, as it wont break up your many images as much...

speaking of which, im sure you could minimilze by useing CSS... youve got loads of tables in there when really it is just two columns...?

if for some reason you cant use the buttons in the <form> tag you could try using onclick="document.form1.submit()" or something... but you'd need to consider poeple without javascript enabled/available when using that option.

if the buttons just wont go on one line, you could resort to using <nobr> around them, not sure if its still valid though :confused:

does that help?

:thumbsup:

[G E C K O 5]

Thanks for your input.

However, even with the buttons below the form field, my layout is getting all screwed up.




You mention using CSS.... What is involved in this process? Bear with me as i am not that well versed in CSS. I would like to maintain the same look as i currently have on the site.

Any pointers on this?

TIA

[maxcox2689685]

Check this tutorial

http://www.w3schools.com/Css/default.asp