Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By fender-dupe on
I can not control it with css, i tried width and nothing happens
and the class seeems to be
sticky-enabled sticky-table
Is there a way to fix this?
Comments
change your admin theme to
change your admin theme to something simple, like garland
:)
i dont want to do that
i dont want to do that
Are you using a custom
Are you using a custom theme?
Check each element starting the one that overlaps, firebug will be of big help. It would be great if you have a demo site so we can see it.
Yes I am using the custom
Yes I am using the custom theme
and yes I alwas use firebug
this is the class that is showing to be responsible in firebug
sticky-enabled sticky-table
SO i used this in css
.sticky-enabled {
width:400px;
}
And also tried this, nothing works
#system-themes-form {
width:500px;
}
can yreally nobody
can yreally nobody help??????
I am attaching screenshot
I tried this already adn nothging works
table.sticky-enabled {
width:500px;
}
#system-themes-form {
width:500px;
}
table.sticky-enabled sticky-table {
width:500px;
}
table.sticky-enabled .sticky-table {
width:500px;
}
How to decrease the size of the freaking table for god sake!!!!
the problem is under themes page, the botoom table, the class is sticky-enabled sticky-table
can somebody tell me how to do this thing????
CSS Box Model
You need to take a look at how the CSS Box Model works. Tables work a bit differently than DIVs. Try implementing ems or percentages for your width. If the content is simply too long for the box you might have to use overflow:none.
Also, I did not see a screenshot as that would help.
the css is
the css is
table.sticky-enabled {
width:500px;
}
I added
table.sticky-enabled {
width:50%;
overflow: none;
}
Nothing works
I tried overflow: auto;
I don't know why I can not attach image in this post?
does the property overflow:none; exist? I think not
Ok I got it, I added
Ok I got it, I added overflow:auto; here, but there are so many items here, which one is correct
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
overflow:auto;
padding:0;
vertical-align:baseline;
}
So which one is it?? I suspect, tr, th, tbody... Do you have any idea?
form
form {
overflow:auto;
}
finally, it was freaking form for god sake
noting else works, width;50%; and overflow: none; are both useless
But thank you for opening my eyes buddy
no problem. I'm glad you were
no problem. I'm glad you were able to figure it out. Yea the form always has some nasty default margins and padding. If you haven't already, try implementing CSS Resets on your future projects. They get rid of those annoying default styles that always seem to pop up. Here's a well known one http://meyerweb.com/eric/tools/css/reset/
Good luck!
ah yes, I meant
ah yes, I meant overflow:hidden :P
none indeed does not exist.
Yes I have heard about reset
Yes I have heard about reset in fact I think the robots theme from lullabot has it and still the admin is messed up :)
But the overflow is perfect, because you can see the whole width of the for just scroll right. It is perfect.