Forums

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

Home › Forums › CSS › Problems with gradient and round corners on menu ( IE)

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 16, 2013 at 5:52 pm #42037
    StillLearning
    Member

    Hi

    Menu doesn’t show gradient and round corners properly on drop down menu for IE (all versions).
    Is there anyone who can assist me with this?

    Many Thanks

    January 16, 2013 at 6:01 pm #121203
    TheDoc
    Member

    Code? Link? Example?

    January 16, 2013 at 6:16 pm #121205
    StillLearning
    Member

    http://www.migrationdownunder.com/patricia/index.html

    January 16, 2013 at 6:59 pm #121206
    maxisix
    Participant

    Border-radius and gradient are not working on lower than IE9. You can try http://css3pie.com/ for radius and Gradient on IE8 and lower. An other exemple: http://thedevstop.wordpress.com/2012/01/26/css-gradients-in-ie6-ie7-ie8using-css3-pie-to-fill-the-gap-in-legacy-browsers/

    January 16, 2013 at 9:56 pm #121225
    StillLearning
    Member

    Still having the same issue :(

    January 16, 2013 at 11:43 pm #121230
    neerukool
    Participant

    You will need to make 2 changes:

    1) The path to pie.htc should be relative to html – not css.
    So, your code in css will be behavior:url(css/pie.htc);

    2) When you are applying pie to an element, it needs to have position – relative or absolute.

    Let me know if that helps. Thanks. :)

    January 17, 2013 at 12:40 am #121234
    StillLearning
    Member

    Im sorry but what do you mean by the path to pei.htc should be relative to html?

    January 17, 2013 at 11:39 pm #121324
    neerukool
    Participant

    Eg. If you were to write the path of pie.htc in HTML, it would be “css/pie.htc” (assuming pie.htc is in css folder.) The same path should be given in CSS.
    Hence, behavior:url(css/pie.htc)

    January 20, 2013 at 9:30 pm #121664
    StillLearning
    Member

    Hi Neerukool

    The html and the css are the same but it’s still not working and I have any idea what I’m doing wrongly. .. Could you assist me?

    January 20, 2013 at 9:31 pm #121665
    StillLearning
    Member

    I meant have the same path but it’s still not working properly and I don’t have any idea what …

    January 20, 2013 at 10:46 pm #121674
    StillLearning
    Member

    It would be great if you can send the file to me. It will help a lot.
    [email protected]

    January 20, 2013 at 11:36 pm #121677
    neerukool
    Participant

    @Krish1980, pie.htc can work on server as well.. The page is an HTML page – not php.
    If it was for Drupal, we need full path to the .htc file.


    @StillLearning    , I just figured out you have put your PIE.htc in js folder. So, you should change your path in css to:
    behavior:url(js/Pie/PIE.htc);

    And dont forget applying position: relative / absolute to your elements.

    Thanks. :)

    January 21, 2013 at 12:45 am #121681
    StillLearning
    Member

    Neerukoll

    Is it right to link the html file as follow?

    January 21, 2013 at 12:45 am #121682
    StillLearning
    Member
    January 21, 2013 at 12:46 am #121683
    StillLearning
    Member

    link href=”js/Pie/PIE.htc” type=”text/javascript”

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