Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Mouseover Hover CSS problem IE8 (http://forum.bytesforall.com/showthread.php?t=4698)

Ber|Art Dec 3, 2009 10:12 AM

Mouseover Hover CSS problem IE8
 
When I hover over the page menu bar (up and down) in Firefox 3.5 everything is fine, when I do this with IE8 I see empty submenus (so just the backgroud color)? How can I solve this (see for yourself on www.incotrust.be ) I am using WP 2.8.6 and Atahualpa 3.4.4.

Ber|Art Dec 4, 2009 10:29 AM

Anybody knows the sollution?

Ber|Art Dec 7, 2009 12:36 AM

Anybody any Idea?

Ber|Art Dec 11, 2009 08:16 AM

*bump* ...

Ber|Art Dec 13, 2009 01:09 AM

Mouseover (Hover) Page Menubar CSS problem IE8
 
See: http://forum.bytesforall.com/showthread.php?t=4698

Can someone help me with this?

Ber|Art Dec 16, 2009 09:48 AM

I want to pay for the solution!

Ber|Art Jan 5, 2010 02:19 AM

Still nobody has any idea?

Ber|Art Jan 5, 2010 02:23 AM

I tried to deactivate all plugins but still the problem stay's in IE8, Somebody any idea? I want to pay for the sollution!

juggledad Jan 5, 2010 05:11 AM

Wow, that is weird. When I look at the menu's sometimes they show up and other times they are blank until I mouse over them, then the text shows up. And on when I mouse over 'Onze Diensten' I see the submenu filled in, but I also see the sub sub menu all blank, but it's not always the submenu for 'Financle Planning' sometimes it's for "Accountancy'! but then I'll go back and they work
----
pause
----
ok, I just got thru ripping out code till I found the culprit - edit css.php and fine this CSS
HTML Code:

*:first-child+html ul.rMenu-ver > li        /* hide from IE5.0 because
                                                                                it gets confused by this
                                                                                selector */
        {
        width: 100%;
        float: left;
        clear: left;                /* same as previous rule set except this is
                                  for IE7 and the direct child selector
                                  make inheritence much easier and obvious */
        }

remove it and see if the problem goes away. I think this will fix the IE8 issue, not sure what it might do to previous releases though...

Flynn Jan 5, 2010 05:20 AM

Sorry for the delay, I had tried and couldn't solve it. I suggest doing away with the menu and using the much easier code below. The menu currently used in Atahualpa is one of the hardest pieces of CSS ever, I will replace it with the code below in one of the next versions.

Add this at Style & Edit Header Area -> Configure Header Area

PHP Code:

<div id="hormenu" class="clearfix">
    <ul id="nav">
        <?php wp_list_pages('title_li='); ?>
    </ul>
</div>

and remove %pages from there

For more wp_list_pages parameters see http://codex.wordpress.org/Template_Tags/wp_list_pages


Add CSS as CSS Insert:


div#hormenu {
background: #666666; /* menu bar background */
}

ul#nav, ul#nav ul {
float: left;
list-style: none;
line-height: 1;
padding: 0;
margin: 0;
}

ul#nav li a {
display: block;
text-decoration: none;
}

ul#nav li {
float: left;
padding: 0;
}

ul#nav ul {
position: absolute;
left: -999em;
height: auto;
width: 150px; /* width of submenus */
}

ul#nav ul ul {
margin-left: 149px; /* same as width of submenus, or -1px if you have borders, to avoid 2 x 1px borders side by side adding up to a 2 px border */
margin-top: -28px; /* adjust to move submenus up/down a bit so the submenu's top border lines up with the parent LI's top border */
}

ul#nav ul li {
width: 100%;
}

ul#nav ul li a {
width: auto;
}

ul#nav li a {
color:#ffffff;
padding: 4px 5px;
background: #666666; /* tab background */
font-weight: bold;
}

ul#nav li a:hover,
ul#nav li.current_page_item a {
background: #E68B04; /* tab hover and current background */
color: #000000;
}


/* Hide/show submenus */

ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.sfhover ul ul,
ul#nav li.sfhover ul ul ul {
left: -999em;
}

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.sfhover ul,
ul#nav li li.sfhover ul,
ul#nav li li li.sfhover ul {
left: auto;
}

Ber|Art Jan 5, 2010 05:49 AM

Wow Thx! But do I try the method of juggeldad first of do I have to do it both?

Ber|Art Jan 5, 2010 05:54 AM

I dit edit the css.php seemt to me it is solved now! @Juggeldad can you verify this?

juggledad Jan 5, 2010 05:59 AM

Yup looks like it's working
seems like flynn and I started looking at this at the same time :)

Ber|Art Jan 5, 2010 05:59 AM

Thank you both! I will make two donations ;)

Ber|Art Jan 5, 2010 06:03 AM

Donation Done! Ah now I can see my Goldbars again in my postbit :)

Ons question left, if you update the Theme do I have to re-do this? Or is this out in the next update?

juggledad Jan 5, 2010 07:31 AM

Currently you will have to do it again, but I'll pass on the issue to Flynn and who knows...

Ber|Art Jan 5, 2010 07:32 AM

Ok, Thx! :)

SOLVED! ;)

victorm Feb 3, 2010 02:04 PM

I moved one of the blogs to 2.9.1 and everything looks fine. Will I need this fix if I upgrade the theme to the latest version as well? tnx for your input.

juggledad Feb 3, 2010 02:23 PM

If you did the solution Flynn suggested, you should not need to change anything since the change is done using the theme options and they are saved oer theme upgrades.

Ber|Art Mar 31, 2010 04:40 AM

Is this changed now? in the newest version? It looks like it does not work after updating, I will search some more.

Mental Morris Jan 22, 2011 04:34 AM

Did this issue every get fuly resolved. I have no issue with the hover over menu / text not showing in the menu bar with fiefox, IE 8 on XP or safari on Mac but with win 7 and IE8 the text in the menu comes and goes.


All times are GMT -6. The time now is 04:04 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.