Formatting Trouble

All Forums >> [Web Development] >> Microsoft FrontPage Help

Message

designerNOTdev -> Formatting Trouble (6/20/2007 8:41:55)
OK, firstly I was hoping not to have to do this, to show you code readers my abomination but I am truly stuck. I have a client almost standing over me for full site in about 2-3 days so purchased a TM template. Then much to my horror realised how little I know about CSS so my site is a combination of all the wrong things - yes a good example of how not to do things. Anyway, that aside, for now I have a real deadline and once done I promise to continue my CSS and HTML self education. <humble rant over> Ive added a simple text box and submit form to my page but it seems the css file is managing the format and I cant alter it. Here ''visually'' is what Im trying to achive (below the Newsletter line) http://www.energyexperts.ie/Post%20Course%20Details.html Here is what is actually happening when I add a real form. http://www.energyexperts.ie/Post%20Course%20DetailsTEST.html I need to keep the column width as per the visual attempt above. The char length doesnt even budge when I alter it, so Im guess the containing cell is governing the behaviour. Agggh if I had hair it would fall out right now. Anyone any life saving advice (pleasant stuff only for now pls).

jaybee -> RE: Formatting Trouble (6/20/2007 9:40:26)

It's in the css file

form input{width:189px; height:19px;  color:#636363; padding:2px 0 1px 6px;  font-size:11px; border:1px solid #8D8D8D;}
form textarea{ font-family:tahom, arial, helvetica, sans-serifwidth; width:189px; height:108px; padding:1px 0 1px 6px;  font-size:11px;  border:1px solid #8D8D8D;}

That's setting your widths.

designerNOTdev -> RE: Formatting Trouble (6/20/2007 11:33:39)
As usual thanks greatly for the help jaybee - and indeed faster than a speeding banana :-). Last question, this is controlling both the width of the text box and the submit and reset buttons. How might I add in some code to specify text box different width to submit button for example?

rdouglass -> RE: Formatting Trouble (6/20/2007 11:50:07)
Personally, I set up another class for buttons. I use something like this: .but{height:22px;width:120px;cursor:pointer;border:.1em solid #fff;margin:0;white-space:nowrap;color:#000;background:#ccc;} and do my buttons like this: <input type="submit" value="UPDATE" name="B1" class="but"> Hope that helps.

Page: [1]

0.0625