I am trying to get the two input text boxes in a form to be in alignment with each other - the preceding text above one box is lengthier than the other causing that box to be pushed forward. They are also sitting on top of each other when they should be properly spaced. Can anyone advise on how to position these better?
Any tutorials I see are more to do with styling the separate elements themselves,
Have just included code of form (as is very lengthy page and validates okay) and included piccy of problems :
please post the css
please post the css.
It would be easier to help you.
To get a vertical space between them you can just add a second
(quick and easy)
and quick and dirty as well add
& # 160;& #160;Course remove the space.
this is more brutality than css-art but it works.
So post the css and you´ll get a better solution.
Thanks but there'd be no
Thanks but there'd be no point posting the full code - there are about 5 style sheets and the HTML is very long...I didn't write it. However I have managed to put the form elements in divs, block align and created a left width for the labels to line up the elements,
HTML uses a strict doctype.
My main problem now is since I have zeroed the css, the input text box outlines themselves disappear in FF!
Anyone know why this is?
Emma wrote:Thanks but
Thanks but there'd be no point posting the full code - there are about 5 style sheets and the HTML is very long...
From time to time there´s a point. Anyway. "Size=15" ?
I don´t want to ask for each single id. A very easy way to solve your problem:
Sorry that it is in german, but the css is very easy to understand.
Thanks...I got the code from
Thanks...I got the code from the article and applied it to my form...it's perfectly spaced now
I realised the problem was that I wasn't applying the padding: 0px and margin: 0px to the form tag but to the div itself...so once I put in a form tag with those values, that took out the extra spacing,
p.s. don't know how the 'size=15' thing got there, but it's now taken out!