- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi all,
I have a div that is being used for a navigation menu and has a percentage width and grows / shrinks with the browser window, in the div I have 2 images ( at top & bottom) with 100% width applied to them so they grow and shink with the div.
in between these these images Im using css to display a background image which is repeated on the Y axis. I cant get this image to adjust with the div like everything else does. I came across the background-size property for css 3, but this isn’t supported in all browsers yet.
anyone know I can do this?
Heres a link to what im workin on, http://www.webbdesignandprint.glowormdigital.com/ its the gren menu on the left.
Thanks.
Instead of using images for your nav why don’t you do the whole thing with rounded corners in CSS3? See this
http://sixrevisions.com/css/examples-of … -the-wild/
Thanks for the link, its not really about the corners, its the shadow effect that I have on it that I want to get to look right.
works fine in google chrome but not in IE or firefox.
Thanks.
You can do that with CSS3 too, just Google for it. Your menu doesn’t work properly in Firefox on Mac either, the middle section is wider than the top and bottom.
thats what i want to solve. I want the width to of the middle to match up with the rest.
CSS3 should work in Firefox, Chrome and Safari if you are coding it correctly. Try this article for a work around for IE
http://ole-laursen.blogspot.com/2009/08 … th-ie.html
Thanks, I think i may be getting somewhere using those methods, will try them out properly tomorrow.
Thanks