By powlo on

Hey Guys,

I'm starting out learning Drupal and discovered the Hello Drupal training/tutorial. It's really good, but in one of the challenge exercises I get something that doesn't look too hot.

Take a look at http://paulusalmighty.drupalgardens.com/

or see here:
http://i47.tinypic.com/6p6vdc.png

As you can see the fields for name and email flow over into the main column.

Looking at the CSS, there seem to be two selectors, the 36em one is overriding the 98% one. So, stating the obvious, if I disable the 36em rule it looks normal.

.webform-client-form input {
max-width: 36em;
}

.webform-client-form input {
max-width: 98%;
}

So is this a known bug? Or have I goofed up somewhere? If its a bug how do I fix it, and how would I report it? The module is webforms 7.x-1.0-alpha3. Is there a better module that offers similar functionality?

Cheers,

Paul

⋅ Categories: Drupal 7.x

Comments

spovlot’s picture

spovlot commented

The field size is causing the overlap. You can fix this by changing the Webform field and setting the Display -> Width setting to 40. The default value if you don't put anything is 60.

This really isn't a bug with webform. You just happen to place the form in a sidebar that is somewhat narrow.

heather’s picture

heather commented

*snap*

The previous version of Webform would "shrink" the field to fit in the side bar. Kind of a bummer.

The next exercise to add the CSS as you described it should have adjusted to the right width. You shouldn't have to go into each selector like that.

I'd better check that! Thanks!

- heather