Not functioning in Flock

[braiiins]

I understand entirely. It turns out she’s not that dedicated to rearranging, so it wouldn’t be worth it to us to pay for the help with that, thank you though!

Any idea yet on the issue in IE6? It’s weird, when I try some of the preset CSS you offer, it’s not an issue.

Stranger, I changed the color of the drop down links (when not being hovered over) to different colors, and they don’t change at all…

slightly modified code from last time:

[code:2mo4n3xb]#suckerfishnav {
    background:#eea69a url(http://pjmommy.com/wp-content/themes/stefy-test/images/bubblebottom.gif) no-repeat top right;
    font-size:12px;
    font-family:"Century Gothic", Arial, sans-serif;
    width:900px;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    width:900px;
    z-index:999;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px dashed #8f6630;
    font-family:helvetica,verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#494949;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#8f6630;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#5a4f34;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fde9e2;
    }[/code:2mo4n3xb]

[imported_Ryan]

[quote:32mci54w]Any idea yet on the issue in IE6? It’s weird, when I try some of the preset CSS you offer, it’s not an issue.[/quote:32mci54w]

If you can tell me what code you have changed I might be able to help. It takes too long to figure out what changes have been made.

[braiiins]

– everything in #suckerfishnav
– changed with to 900px and added z-index:999 in #suckerfishnav, #suckerfishnav ul
– all the colors throughout, here’s the sections possibly relating to the problem area:

#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
    }

#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#494949;
    }

#suckerfishnav li li:hover {
    background:#8f6630;
    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#5a4f34;
    }

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fde9e2;
    }

The links in the drop down menus are supposed to be #494949 on a #fde9e2 background with a hover background color of #8f6630 and hover text color of #fff, in IE6 they are showing up #fff on a #fde9e2 background with no hover background color and hover text color of #fff. The border color, which is the same color the hover background is supposed to be, is showing fine.

[imported_Ryan]

None of those changes should cause any problems in IE. If the CSS straight from the generator isn’t causing problems, then I suspect you have changed something else in advertently which is causing the problems.

I’ll have a look tonight when I have access to an IE6 install.

[braiiins]

Thank you for all your help. I realize you don’t have to offer this much support for free and I really appreciate that you do!

[imported_Ryan]

It looks like you’ve messed up the background colour specifications some how.

I’m not interested/don’t have time to fix your code.

The CSS generator can create that design anyway, you don’t need to hand code it. Albeit you would need to change the border-bottom to dashed instead of solid.

[braiiins]

I did just try the CSS generator plugging in the colors and it causes the same problem without touching a thing by hand so it’s not something I did.

No big deal I’m done with trying to fix it.

[imported_Ryan]

I thought you said it worked fine with the code direct from the CSS generator? Or did I misunderstand?

[braiiins]

It worked fine with one of the default code sets from the generator. When I use it to input the customized colors, the same thing happens that happens when I hand edit it.

[imported_Ryan]

Did the menu appear correctly in the generator? But when used on your site it did not appear correctly?

[braiiins]

Just tested creating the menu in IE with the generator, and it does not work in the generator either. Slightly different problem, the text shows up white on the light pink background with a hover color of dark pink (the dark pink that is set as the background and hover background for the main section of the menu).

It appears to be an issue with every preset in the generator now that I’ve tried it in IE6. It doesn’t seem to accept styling for the sub menus that is different from the main menus (with the exception of the background color)

Here’s a screenshot of the "Nature" menu without any modifications in IE6 as an example: http://img530.imageshack.us/img530/8573/navimenuys9.gif

[imported_Ryan]

That is weird. It may be a bug in the CSS generator.

I’m working on an entirely new one right now though, so I won’t be fixing the current one sorry.

If any premium members have this problem I’ll manually correct the code for them, but in the mean time I’ll keep working on the new version – progress of which is going very well ” title=”Smiley” />

[Author]

Posts