eitanmoran Posted October 28, 2013 Share Posted October 28, 2013 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 More sharing options...
Ingolme Posted October 28, 2013 Share Posted October 28, 2013 In this line Index.css has an uppercase i: <link type="text/css" rel="stylesheet" href="Index.css"/> Is the file index.css or Index.css? Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now