menu wrap

  • John McCubbin

    #30145

    if you look at the site on IE it doesnt work

    ronangelo

    #30146

    use only this

    #header-menu {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #0b479d 47%, #2989d8 56%, #9cc1f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(47%,#0b479d), color-stop(56%,#2989d8), color-stop(100%,#9cc1f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* IE10+ */
    background: linear-gradient(-45deg, #1e5799 0%,#0b479d 47%,#2989d8 56%,#9cc1f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#9cc1f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    you can remove the margin of the header-menu so it won’t break the gradient

    #header-menu, #secondary-menu {
    margin: 0px !important;
    }

    John McCubbin

    #30147

    This appears to have fixed that but it still has the block colour at the end

    ronangelo

    #30148

    it’s difficult to work with gradient on IE. I think it would be better if you use an Image with a gradient as a background. that way the gradient would appear uniform on every browser.

    #header-menu-wrap {
    background: url("http://yoursite.com/image.png")
    }

    John McCubbin

    #30149

    I think I will use it the way it is minus the IE code as its not a big problem and it makes it look better on everything but IE without making IE version look any worse

    Anonymous

    #30150

    I’m about to mark this thread as closed.

    @John,

    We have used this header code on hundreds of sites. If it is not working on yours, then there is another problem somewhere… perhaps another part of your CSS has an error in it? However, we cannot help you identify this without seeing a live version of the site (more specifically, the problem).

    Frankly, I’m getting a little frustrated at your repeated refusal to post a link to your site. There is only so much we can do without seeing the actual problem.

    You’re just asking us for code… testing it… and saying it didn’t work. This is very frustrating to a person trying to help you… especially when we don’t have a visual aid which would let is solve it in a single response… rather than three pages of back and forth.

    If you can post a link… or set up a test site where we can SEE what we are dealing with… I’ll be happy to help you further. Otherwise, this topic will be closed.

    Quote:
    I understand this limits how you can help me but if you use the code I supplied on your graphene website you should see the same.

    Thank you for understanding. However, with all due respect, I’m not going to adjust my site to try to replicate YOUR issue. If nothing else… set up a test site in a sub-domain or something and replicate your problem there… then give us that link to help facilitate the troubleshooting.

    John McCubbin

    #30151

    Sorry I am happy with the result ronangelo helped me with if you noticed and it appears to have fixed it. I understand you not wanting to change your site and not being to help me much without url but I have a happy medium now and am probably finished trying to improve this now. I didnt mean to continue and I have not asked about anything much in ages. This is a forum and I was just asking

    John McCubbin

    #30152

    Plus also there is no need to emphasize the word yours it comes across a bit aggressive, patronizing and rude

    John McCubbin

    #30153

    Thanks again ronangelo

    Anonymous

    #30154

    No need to take it personally. Well, you can if you want… but that is your decision.

    I’m simply trying to help you get the best support possible. In order to provide the best support possible, there are certain “rules” and “forum ethics” we attempt to follow.

    Work with us… not against us.

    That’s all.

Viewing 10 posts - 21 through 30 (of 33 total)

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!