By aphoe on

fieldset legend disappeart when i collapse it using firefox. what can the problem be. its not like that when i used the garland theme and also when using IE. can anyone help me?

i'm actually using another theme - black mamba

Comments

mndonx’s picture

mndonx commented

Hi aphoe - Is the fieldset legend still in the code, or does it get removed from the code when the fieldset is collapsed? View the source code to see.

It could be hidden somehow with CSS or covered by something else. More information might be helpful to troubleshoot this problem.

Amanda

aphoe’s picture

aphoe commented

its there in the code.. i think it is hidden with CSS. cos all the codes - heading and content are there in the codes.

and this is a Firefox problem. it doesn't happen in IE - at least in IE8 where i tested it.

also garland, the default theme, doe not have this problem. i even copied the css codes from garland to blackmamba for the fieldset-legend class/id. but its still the same this

mndonx’s picture

mndonx commented

Hi aphoe - One thing I do if I know that CSS is the culprit is use "Edit CSS" in Firefox's Web Developer Toolbar. You can pop open a tabbed window of all your active CSS files, and edit them from the browser to see how changes would affect the display.

Go to CSS -> Edit CSS. You'll see all your active stylesheets. One by one, you can delete the code from each one (remember, this is only for testing purposes from your browser -- it doesn't actually save any of your changes) and narrow down where the problem is. For instance, take out all the CSS from all the files to see if it is actually caused by CSS. Once you narrow it down to a specific file, then refresh the page, and just take out CSS in chunks until you find the area that is causing the problem. It's trial and error, but helps narrow it down for you.

Let me know if that helps -
Amanda

e102938’s picture

e102938 commented

This code in theme's style.css did the trick for me:

html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsed .fieldset-wrapper {
  display: none !important;
}