- This topic has 4 replies, 2 voices, and was last updated 14 years, 6 months ago by
.
-
Posts
-
I have looked through countless forum posts but cannot find the fix. Have also tried changing various parts of code/css.
I used the PixoPoint css generator and it works great – love it in FireFox! Thank you for sharing this with everyone. But in IE, for some reason it’s not working on the home page. All other pages the hover works and the menus drop down, but not on the home page.
Can some one please help? http://www.keytobeing.com
Thank you very much!!
” title=”Smiley” />Below is the suckerfish css, in case it helps:
#suckerfishnav {
background:#EEEEEE repeat-x;
font-size:18px;
font-family:verdana,sans-serif;
font-weight:bold;
padding:7;
width:100%;
position: relative;
z-index: 30;
text-align:left;
}
#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
line-height:20px;
padding:0;
border:1px solid #aaa;
margin:0;
width:970px;
}
#suckerfishnav a {
display:block;
color:#000000;
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;
border-top:1px solid #666666;
}
#suckerfishnav li li {
width:99px;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
font-weight:bold;
font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
padding:4px 10px;
width:80px;
font-size:13px;
color:#fff;
}
#suckerfishnav li ul ul {
margin:-22px 0 0 100px;
}
#suckerfishnav li li:hover {
background:#99CCFF;
}
#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:#fff;
}
#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:#bbb;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#99CCFF;
}You have added HTML in, but haven’t placed it inside LI tags.
[code:7nggqbsw]
<a style="text-align:right" href="http://feeds.feedburner.com/KeyToBeing" rel="alternate" type="application/rss+xml">Subscribe <img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" border:0"/></a>[/code:7nggqbsw]That needs to be something like this:
[code:7nggqbsw]
<li style="float:right;"><a href="http://feeds.feedburner.com/KeyToBeing" rel="alternate" type="application/rss+xml">Subscribe <img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" border:0"/></a></li>[/code:7nggqbsw]Thank you so much….! The IE8 alignment issue is fixed, but the hover issue is still there. When on the homepage in IE8, the hover does not work and the drop down does not appear. When on all other pages, it works fine for some reason….
Again, thank you very much for replying so quickly and helping me. I really felt like I was beating my head against the wall there….
” title=”Roll Eyes” />I’m not sure sorry. I had a look at your code, but I can’t immediately see anything out of alignment. These sorts of problems often take some time to correct, so if you require further assistance I’ll need you to upgrade to Premium Support sorry … https://geek.hellyer.kiwi/services/premium-support/
- You must be logged in to reply to this topic.