A CSS problem?
Posted: Sat Jan 02, 2010 9:55 pm
Hi, I created a UserDefinedTag for an image rotator script. I does work fine, EXCEPT the following minor issue.
I use a default theme CSSMenu top + 2 columns with an associated stylesheet for the News Module. I want to use this stylesheet for my image rotator as:
div#rotator {
/* margin for the entire div surrounding the news items */
/*margin: 2em 0 1em 1em;*/
/* border set here */
border: 1px solid #909799;
/* sets it off from surroundings */
background: #f5f5f5;
}
div#rotator h2 {
line-height: 2em;
/* you can set your own image here */
background: url(uploads/ngrey/darknav.png) repeat-x left center;
color: #f5f5f5;
border: none;
}
My problem is that the image is shown with some offset between the H2 header and its background that I would like to close (so that image would be flush with the header). See the attached screen shot!
Thanks for your help.
I use a default theme CSSMenu top + 2 columns with an associated stylesheet for the News Module. I want to use this stylesheet for my image rotator as:
div#rotator {
/* margin for the entire div surrounding the news items */
/*margin: 2em 0 1em 1em;*/
/* border set here */
border: 1px solid #909799;
/* sets it off from surroundings */
background: #f5f5f5;
}
div#rotator h2 {
line-height: 2em;
/* you can set your own image here */
background: url(uploads/ngrey/darknav.png) repeat-x left center;
color: #f5f5f5;
border: none;
}
My problem is that the image is shown with some offset between the H2 header and its background that I would like to close (so that image would be flush with the header). See the attached screen shot!
Thanks for your help.