In developing with themes with either Zen or Genesis (under Drupal 6), I found that their tabs css styles would break the button bar in IMCE. For anyone seeing this, it's an easy fix. Just add the following to your sub-theme css:

#imce-content ul.secondary{
	background-color: transparent;
	background-image: none;
}

#imce-content ul.secondary li{
	float: none;
}

#imce-content ul.secondary a{
	display: inline;
}
CommentFileSizeAuthor
#4 imce-menu.png5.75 KBcrutch
after.jpg42.89 KBfred0
before.jpg36.96 KBfred0

Comments

bsimon’s picture

bsimon commented

Thanks, this works well in Zen. By the way, there's a patch for IMCE which apparently does the same thing.

http://drupal.org/node/301651

But I've been trying to figure out how to do it purely with the theme css like this - prefer that to changing the module files.

bsimon’s picture

bsimon commented
Title: IMCE button bar css » IMCE button bar css fix for Zen and Genesis themes

more detailed title to help people find it... I used IMCE for weeks before I realized the UI actually wasn't supposed to be broken... :/

chaloalvarezj’s picture

chaloalvarezj commented

Thank you!! This was driving me crazy!!!

crutch’s picture

crutch commented
StatusFileSize
new imce-menu.png5.75 KB

I edited the item in modules/imce/css/imce-content.css

#op-items {
min-height:40px;
}

See attached image that makes the box or zone of the area minimum 40px. It fixed for IE7 and FF3 but only tested there.

babbage’s picture

babbage commented

Nice. Thanks.

ufku’s picture

ufku commented
Status: Active » Closed (duplicate)

#301651: Tabs need clear in CSS to preserve layout in some themes (including Zen)