AnyLink CSS Menu v2.2 Problem in IE7

**mackula** · 06-16-2010, 12:51 AM

1) Script Title: AnyLink CSS Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...anylinkcss.htm

3) Describe problem: I'm using 4 parent text links each with their own drop down. If you mouse over each link (across the nav bar), they don't disappear, they stack on top of each other horizontally. If you mouse up or down pass the flyout, they disappear as they should. It also works fine in FireFox.

**jscheuer1** · 06-16-2010, 01:02 PM

Please post a link to a page on your site that contains the problematic code so we can check it out.

**mackula** · 06-16-2010, 11:52 PM

I'm sorry

Forgot the link...

http://vigsdesign.com/test/Sample.htm

**mackula** · 06-23-2010, 01:07 PM

Any with this please

?

**azoomer** · 06-23-2010, 07:59 PM

Dropping the table and using a div instead helps in my browser. When i change this part of your code like this:

Code:

<style type="text/css">
<!--
.style1 {color: #999999}
#menu{color: #999999; background: url(images/nav_bkgrd_new.jpg); border:none; width:920px; margin:0 auto; height:30px } 
-->
</style>
</head><body>
  
 <!--3rd anchor link and menu -->                        

 <div id="menu">

    &nbsp;&nbsp;<a href="http://www.dynamicdrive.com/" 
class="anchorclass" rel="submenu1" style="text-decoration: none;"><font 
size="2"><font color="#ffffff"><strong>Link 1</strong></font></font></a><font
 size="2"><strong><font size="2"><font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              
              <a href="http://www.dynamicdrive.com/" class="anchorclass"
 rel="submenu2" style="text-decoration: none;"><font size="2"><font 
color="#ffffff">Link 2</font></font></a><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              
<a href="http://www.dynamicdrive.com/" class="anchorclass" 
rel="submenu3" style="text-decoration: none;"><font color="#ffffff"><font
 size="2">Link 3</font></font></a><font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              
<a href="http://www.dynamicdrive.com/" class="anchorclass" 
rel="submenu4" style="text-decoration: none;"><font color="#ffffff"><font
 size="2">Link 4</font></font></a><font color="#ffffff"></font></font>
              
    </font></font></font></strong></font>
    
</div><!--end #menu-->

it works i IE too. You can change the css to fit your needs. I suggest you take away all the inline styles and   if you can, and make the changes in a stylesheet.

**azoomer** · 06-23-2010, 09:02 PM

Here is an example of what i mean. This will give you about the same look but the code is easier to understand ( in my opinoin)

Code:

<style type="text/css">
#menu{
	color: #FFFFFF; 
	background: url(images/nav_bkgrd_new.jpg);  
	border:none; 
	width:920px; 
	margin:0 auto; 
	padding-top:4px; 
	padding-bottom:4px;
}
a.anchorclass{
	color: #FFFFFF; 
	font-weight:bold; 
	font-size: 0.8em; 
	text-decoration:none; 
	border:none;	
	padding-right:28px;	
	padding-left:28px;
}
a.anchorclass:hover {
	color: #3CF; 
}
</style>
</head>
<body> 
 
<div id="menu">

<a href="http://www.dynamicdrive.com/" class="anchorclass" rel="submenu1">Link 1</a> | 
              
<a href="http://www.dynamicdrive.com/" class="anchorclass" rel="submenu2">Link 2</a> | 
              
<a href="http://www.dynamicdrive.com/" class="anchorclass" rel="submenu3">Link 3</a> |
              
<a href="http://www.dynamicdrive.com/" class="anchorclass" rel="submenu4">Link 4</a>       
    
</div><!--end #menu-->

**mackula** · 06-25-2010, 07:15 PM

azoomer,

Thank you so much, works like a charm :-)

mack

Thread: AnyLink CSS Menu v2.2 Problem in IE7

Thread Tools

Search Thread

AnyLink CSS Menu v2.2 Problem in IE7

The Following User Says Thank You to azoomer For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions