Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS help with background images

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #29656
    gvp16
    Member

    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.

    #79957
    virtual
    Participant

    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/

    #79959
    gvp16
    Member

    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.

    #79994
    virtual
    Participant

    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.

    #79995
    gvp16
    Member

    thats what i want to solve. I want the width to of the middle to match up with the rest.

    #79997
    virtual
    Participant

    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

    #80025
    gvp16
    Member

    Thanks, I think i may be getting somewhere using those methods, will try them out properly tomorrow.

    Thanks

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.