Jump to content

Nav css dont work from network drive in IE9


eitanmoran

Recommended Posts

Hi,

i have a strange problem,

i wrote a shoet HTML and CSS to create a simple Nav line.

everything work perfectly in chrome and IE9 when the DB is in C: folder.

 

when i transfer the folders to my networkdrive the Nav bar loose his CSS in IE9 (it is OK in Chrome)

 

does anyone now what could have cause that?

 

the html:

 

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Co</title> <link type="text/css" rel="stylesheet" href="Index.css"/> </head>

<body> <!-- Navigation Bar --> <nav id="topNav"> <ul> <li> <a href="#" title="General">General</a></li> <li> <a href="#" title="Manuals">Manuals</a> <ul> <li> <a href="#" title="Cost">Cost</a></li> <li> <a href="#" title="Fin">Fin</a></li> </ul> </li> <li> <a href="Services.html" title="Reports Analysis">Analysis</a> <ul> <li> <a href="Services.html" title="A Ltd">A LTD</a></li> <li> <a href="Services.html" title="Others">Others</a></li> </ul> </li> <li><a href="#" title="Contacts">Contacts</a></li> </ul> </nav> </body></html>

 

 

The CSS is:

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 120%; font-style: italic; text-decoration:underline;}

/*---------------------------------------------------------------*/ /*Navigation Bar*/ nav { display:block; font:16px arie, Sans-serif ; border-top:2px solid ; border-bottom:2px solid; border-color:#F2F2F2; width:400px; margin: 35px 30px 0px 0px; z-index:10;} nav ul {padding:0; margin:0; } nav li {position:relative; float:left; list-style-type:none; } nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } nav li a { display:block; padding:8px 20px; ; color:#8E8E8E; text-decoration:none;} nav li a:focus { outline:none; text-decoration:underline; }

nav ul ul { display:none; width:100%; position:absolute; right:0; background:#F2F2F2; text-align: right}

nav ul ul li { float:none; border:solid #FFF 1px; } nav ul ul a { padding:5px 10px;font-size:16px; } nav ul ul a:hover { background-color:#555; }

 

thank you in advance

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...