Can't get it working locally, basic html?
Despite all my efforts, I can't seem to get it working.
(I saw on jsfiddle they had the url in quotes. Other examples don't?)
Any help would be greatly appreciated. Thanks.
My Directory Structure:
Website Folder
-default.html
-Scripts Folder
--JQuery.js
-Styles Folder
--clean.css (meyer's reset sheet)
--style.css
--PIE.htc
Code:
<html>
<title>Website</title>
<head>
<link rel="stylesheet" type="text/css" href="Styles/clean.css" />
<link rel="stylesheet" type="text/css" href="Styles/style.css" />
<script type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">Put fancy logo here.</div>
<div id="menu">
<ul>
<li><a href="http://google.com">Menu Item 1</a></li>
<li><a href="http://google.com">Menu Item 2</a></li>
<li><a href="http://google.com">Menu Item 3</a></li>
</ul>
</div>
</div>
</body>
</html>
Code:
body {background-color:#FFFFFF; font-family:tahoma; font-size:12px; text-align:center;}
#wrapper {
background-color:#CFCFCF;
margin:0 auto;
text-align:left;
width:900px;
}
#header {
background-color:#B05800;
height:100px; width:100%;
}
#menu li {
background: #CCC; /*fallback for non-CSS3 browsers*/
background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCC) to(#EEE)); /*old webkit*/
background: -webkit-linear-gradient(#CCC, #EEE); /*new webkit*/
background: -moz-linear-gradient(#CCC, #EEE); /*gecko*/
background: -ms-linear-gradient(#CCC, #EEE); /*IE10*/
background: -o-linear-gradient(#CCC, #EEE); /*opera 11.10+*/
background: linear-gradient(#CCC, #EEE); /*future CSS3 browsers*/
-pie-background: linear-gradient(#CCC, #EEE); /*PIE*/
behavior: url('/Style/PIE.htc');
float:left;
}
#menu * {float:left;}
#menu a {color:black; text-decoration:none;}
#menu li {border:1px solid black; padding:5px;}
Forums
