Quick Nav:  Online Store   |   Login | Register
Forums >Snapsis Product Support >CSS NavMenu

Problems with navigation hover flyout in the internet explorer..

Rate this topic:

Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
AuthorMessages
jvcarvalho
<50 Posts
Posts:23


02/07/2008 8:36 AM  

Good afternoon..

Well, i'm creating a website in pure css, in the dnn version 4.5.. and i'm using the snapsis to create a navigation horizontal hover flyout. I have one doubt, and two problems that if you can help me, i will really appreciate..

Ok, first, the problems.. The navigation is working fine in the firefox mozzila, but in the internet explorer not.. so, how is difficult to i explain the problem that happens with the navigation in the internet explorer.. i put here the url for the website, and if you can have a look and tell what i need to do, this thing is making me crazy, you will see that the submenu of the navigation in the internet explorer lost all the formattion that is working fine in the mozilla.. well, the other problem happens in the two brownser with the last link in the navigation.. that you can see its in a different position (a little more in the top) than the others..

The one doubt that i have.. is how can i centralize the links in the navigation?

Thanks a lot.

Jorge

 

 

John Mitchell
Posts:3249


02/07/2008 11:26 AM  

Hi Jorge.

The last link being above the rest is probably because that is the SelectedTab. You may want to remove the SelectedTab class from the default.css file or make sure you override all the properties in your skin.css file.

For the difference on IE it may be that class you have that uses the :Hover psuedo class.  IE doesn't have that for anchors, and you have set a width in that.

skin.css (line 259)

 

#nav li li a:hover {
    background-color:#999999;
    border-bottom:4px solid #7A7A7A;
    border-left:4px solid #7A7A7A;
    border-right:4px solid #7A7A7A;
    color:#FFFFFF;
    padding:5px 0px 5px 5px;
    width:136px;
}

jvcarvalho
<50 Posts
Posts:23


02/08/2008 8:33 AM  
Hello..
Thank you for the great help.. I removed all the navigation and start again considerating what you sad, and now it is working fine. And i removed the SelectedTab code from the default.css file, and now its working fine too..
Now, i only have one doubt, how can i centralize the navigation? Because you can see that the navigation is align in the left..

Thanks a lot,

Jorge
John Mitchell
Posts:3249


02/08/2008 8:41 AM  
Great. I'm gald I could help.

If you want to center the text within each item you can use a CSS rule called text-align

#nav li a {
text-align:center'
}

If you are wanting to center something else then you would still use that property, just put it on a different element.
Please Register to post a reply. Another benefit of registration is the ability to subscribe to and recieve notifications of new posts.
Forums >Snapsis Product Support >CSS NavMenu > Problems with navigation hover flyout in the internet explorer..



ActiveForums 3.7
Powered by: Snapsis Software