Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Hi Folks,
1. CCK - 6.x-2.1
2. Imagfield - 6.x-3.0-beta3
3. Permissions files directory - 774
4. Download Method - public
5. Imagefield Config - Multiple Images
6. Expected Result: Imagefield Upload Form stays within the parent css divs width
7. Unexpected Result: Imagefield Upload Form width not changeable
PROBLEM DESCRIPTION: (Please see attached screenshot)
It took me some hours to figure out where this problem comes from, but it seems that this is only happening in the imagefield upload forms. The width of the filefield is fine, also tables in this panel consider the parent width and display accordingly.
(Note: In the screenshot you first see a normal filefield upload, title Datei, after that you see the problematic imagefield upload form, titled pictures)
The biggest problem here, that I cannot fix this with CSS, since the width is defined in an inline element, thus taking precedence over any other CSS rules. The Screenshot shows also the firebug render, where you can see that the width is set to 933,xxx px. totally breaking the design.
I realy have no clue where this comes from. I am trying to display the form in a panel, and the only table that breaks is that of the imagefield.
Also, I realized that the title is coded in the header table, instead of a label entity, as in the filefield upload form.
Really, so far it is been tiresome to theme the imagefield upload form.
Please, please, I desperately need help on this. My head is going nuts over this.
| Comment | File | Size | Author |
|---|---|---|---|
| Bild 2.png | 164.28 KB | theusualsuspect | |
| Bild 8.png | 159.2 KB | theusualsuspect |
Comments
Comment #1
quicksketchIt looks to me that the problem is not with the table, but with the buttons on the form that are inexplicably at (what looks like) 80-90% width of the form. The "Upload" button then is ridiculously wide, and the table or form elements within the table have a white-space: no-wrap on them (or so I think) causing the table to be extra-wide. I'm not sure what to do to help here, the problem is purely with your theme CSS. You can switch to a core theme like Garland and you'll see this is not the normal styling of ImageField, something in your theme is causing these problems.
Also, in the 933px width on the table is no hard-coded in the output, it's added by the tableheader.js file. I think if you turned off JavaScript the output would visually be the same, but the 933px would not be set on the table.
Comment #2
theusualsuspect commented@quicksketch
I am really sorry, that I have wasted your time, because in the end it was a stupidity on my end. I mean I looked for hours, searched the net, etc, but did not bother to see those insanely large buttons, all I saw was this tableheader. Its not the theme, it was a CSS rule I created which also caught the button property of the imagefield.
Well.. thank you for you help. I really appreciate it.