-----Original Message----- From: David Hucklesby [mailto:huckle...@gmail.com] Sent: Monday, June 01, 2009 12:42 AM To: Jenni Beard Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] hover nav bg?
Jenni Beard wrote: [...] > > I have a background image for my entire navigation bar (vertical). > Then, I also have an image that is for each menu item hover: > > http://fossilbyte.com/1/images/arrowhead.gif (I know that it appears > really rough around the edges, need to try and work that one out, > too) > > > > Problem is that only a small section of the hover image appears: > > http://fossilbyte.com/1/template.html > > [...] The arrowhead appears on hover just fine this end (Mac). On what platform and browser / version are you having a problem? (Although I could guess...) :\ The main text is unreadable when it is enlarged. It overflows the background image onto an overflow area that is black. Perhaps you could add a mid-section with a background-image that tiles vertically to accommodate larger text, and allow the content determine the height. If I substitute Arial (your second choice) for Verdana (your first) then strange things happen to the left side as well. As Arial is smaller than Verdana, the shark appears much higher, and the speech bubble is covered by the nav background "parchment scroll" image. If this is confusing, simply change the text size in your browser - unless it is any version of Internet Explorer, where your pixel sized fonts don't allow changes to font size beyond "ignore specified font sizes" from the accessibility options. Use Firefox or Safari or Chrome... Cordially, David ---------------------------------------------------------------------------- --- Thanks, David. I am planning on adding a repeating bottom section to the content area. I'm using a pc, and testing on Firefox, Opera, Chrome, and IE7. Will be testing on IE6 once I get these squared away. I just can't get the entire arrowhead to appear; only a small part of the point at the right shows up. Thanks, Jenni ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/
