I've added the CSS for the text fields to be 95% width and it works well for all the text fields, except the Message textarea. When logged in as a user or admin, the message textarea box bleeds over the right sidebar at its full length of 60col. When I'm logged out of my site, the textarea box appears perfectly in line with the rest of the form in the right sidebar and has no bleed over. How can I fix this, so that users don't have a Message textarea that expands for 60 columns.

Thanks!

Comments

rothatboat’s picture

This problem seems to be related the FCKEditor module. When a user has permission to use it, the bleed occurs. When there are no permission allowed for the user to use, the bleed does not occur.

fuerst’s picture

Are you using the fckeditor module or the WYSIWYG modul + FCKEditor? Which theme are you using - does the bleed occurs using the Garland theme too?

You may control the width of your contact form block textarea by some CSS like this:

div.sidebar div.block-contact_form_blocks textarea {
  width: 3em;
}
tomdavidson’s picture

Hello, I have the same problem but am not using fckeditor at all manifest even with out permissions.
Drupal 6.15
Pixture 6.x-1.1
WYSIWYG 6.x-2.0

On fuerst's suggestion, the problem does not occur with the Garland theme. Must be a Pixture issue - for me anyway.

fuerst’s picture

Status: Active » Postponed (maintainer needs more info)

Please try to apply the CSS code from comment #2. Does it change something?

fuerst’s picture

Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)
espirates’s picture

Status: Closed (cannot reproduce) » Active

code above works.

fuerst’s picture

Status: Active » Closed (fixed)

Great, will set the issue to closed then.

markconroy’s picture

I'm having an issue with this as well. For some reason, the fields on the form "seem" to be okay when I am logged in but can be a bit erratic when not logged in. Also the textarea for the message is fine on the homepage but bleeds out of the right sidebar on most other pages. Any ideas?

I've added this code to my style.css

// restricts size of text fields in the Contact
// form block to a max of 94%

input#edit-name.form-text.required {
width: 94%;
}
input#edit-mail.form-text.required {
width: 94%;
}
input#edit-subject.form-text.required {
width: 94%;
}
input#edit-field-phone-number.form-text {
width: 94%;
}

input#edit-message.form-text.required {
width: 94%;
}

A preview of the site can be seen here:
http://bit.ly/qRMeop

Thanks in advance.