Greetings CSS enthusiasts, I am struggling with some problems with a site I am building for a friend. I found some instructions for doing rollover button navigation using images that have the normal, off state plus the hover state combined in one graphic. The lower half of the graphic is supposed to be revealed on mouseover. I'm trying to avoid the flicker effect that I've encountered in the past. Unfortunately, in my case the image is disappearing entirely rather than showing the lower part of it on mouseover. I didn't use this method with the actual nav buttons so don't worry about those. I decided to try them on the "photo circle" nav in the burgundy are of the page. Here's the url: http://quiglitzin.com/index.php. Any idea about what I'm doing wrong here? I assume it has to do with the fact that I'm using absolute positioning rather than the float left that was used in the example I was following.
The photo circle rollovers are the biggest problem I'm having with the page but there are a few other problems I'm that I'd love help with, if possible: 1. There is a horizontal break at the top of the page (below the main navigation) where the background is showing through. It's not supposed to be like that. 2. The html text throughout the site appears to be smaller than the 12 px I set it too and it is also serifed rather sans serif. The only thing that looks right about the text is the color. I'm really mystified by the fact that one style is taking hold but not the others that I set up for it. I think this only happens in the more recent IE and Firefox browsers and I think it started when I set the site up with Cushy CMS so that my friend will be able to easily make updates to the site on her own. Thanks for taking a look at these issues! - Sara ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
