Forms In FireFox

  • CGFX
  • Graduate
  • Graduate
  • User avatar
  • Posts: 161
  • Loc: Chicago, IL.

Post 3+ Months Ago

ALL,

I am building Contact Us forms within Dreamweaver CS5, I notice in Firefox the forms comment box, which are multi-lines text areas have a lower right hand corner that can be scaled to change the size of the box. I don't want this to happen, what can I do within my HTML to stop this?

Thank you in advance,

cgfX
  • Zealous
  • Guru
  • Guru
  • User avatar
  • Posts: 1244
  • Loc: Sydney

Post 3+ Months Ago

Could you post up a source so we have a idea what we are dealing with?
  • CGFX
  • Graduate
  • Graduate
  • User avatar
  • Posts: 161
  • Loc: Chicago, IL.

Post 3+ Months Ago

Below is the HTML to the form.
Code: [ Select ]
<!-- Begin FAQ_Form -->
<div id="faq_form_wrapper">
<fieldset class="fieldset1"><legend class="legend1">Get an Answer to Your Question</legend>
<input name="name" type="text" value="Name:" size="100" maxlength="75" class="inputtext" />
<input name="email" type="text" value="Email:" size="100" maxlength="75" class="inputtext" />
<input name="phone" type="text" value="Phone:" size="100" maxlength="75" class="inputtext" />
<textarea name="question" cols="33" rows="4" class="inputtext">Enter Question Here</textarea>
<input name="submit" type="submit" value="Submit" class="fieldsubmit"/>
</fieldset>
</div>
<!-- End FAQ_Form -->
  1. <!-- Begin FAQ_Form -->
  2. <div id="faq_form_wrapper">
  3. <fieldset class="fieldset1"><legend class="legend1">Get an Answer to Your Question</legend>
  4. <input name="name" type="text" value="Name:" size="100" maxlength="75" class="inputtext" />
  5. <input name="email" type="text" value="Email:" size="100" maxlength="75" class="inputtext" />
  6. <input name="phone" type="text" value="Phone:" size="100" maxlength="75" class="inputtext" />
  7. <textarea name="question" cols="33" rows="4" class="inputtext">Enter Question Here</textarea>
  8. <input name="submit" type="submit" value="Submit" class="fieldsubmit"/>
  9. </fieldset>
  10. </div>
  11. <!-- End FAQ_Form -->


Below is the CSS for the "faq_form_wrapper"

Code: [ Select ]

#faq_form_wrapper {
    width:251px;
    height:287px;
    margin:0px 24px 24px 0px;
    float:right;
    background-image:url(Images/faq_form_bg.gif);
    background-repeat:no-repeat;
    z-index:5;
}
  1. #faq_form_wrapper {
  2.     width:251px;
  3.     height:287px;
  4.     margin:0px 24px 24px 0px;
  5.     float:right;
  6.     background-image:url(Images/faq_form_bg.gif);
  7.     background-repeat:no-repeat;
  8.     z-index:5;
  9. }


Thank you,

cgfX
  • WritingBadCode
  • Graduate
  • Graduate
  • User avatar
  • Posts: 214
  • Loc: Sweden

Post 3+ Months Ago

Unless you already solved it here is a "quickfix":

Code: [ Select ]
textarea {
  resize: none;
}
  1. textarea {
  2.   resize: none;
  3. }
  • CGFX
  • Graduate
  • Graduate
  • User avatar
  • Posts: 161
  • Loc: Chicago, IL.

Post 3+ Months Ago

WritingBadCode,

Thank you very much. I will give this a try this afternoon.

cgfX

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 42 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.