<body><div id=\"header\"> <h1></h1> <p><?php bloginfo('description'); ?></p> </div> <div id=\"Logo\"> <h1>Hello</h1> </div> <ul id=\"navigation\"> <a href=\"#\">Page 1<a/> <a href=\"#\">Page 2<a/> <a href=\"#\">Page 3<a/> <a href=\"#\">Page 4<a/> </ul> <div id=\"Searchbar\"> <p>A Fresh Orange look Theme</p> </div>
ul#navigation { background-image: url(Navigation_GlassTheme.jpg); background-repeat: no-repeat; height: 40px; padding-left: 600px; color: white; font-weight: bold; font-family: Helvetica, Arial; } ul#navigation li a { display: block; width: 100px; float: left; margin-top: 170px; } div#wrapper { width: 1024px; margin: 0 auto; }
<ul id=\"navigation\"> <a href=\"#\">Page 1<a/> <a href=\"#\">Page 2<a/> <a href=\"#\">Page 3<a/> <a href=\"#\">Page 4<a/> </ul>
<ul id=\"navigation\"> <li><a href=\"#\">Page 1</a></li> <li><a href=\"#\">Page 2</a></li> <li><a href=\"#\">Page 3</a></li> <li><a href=\"#\">Page 4</a></li> </ul>
I am currently making a tabs based design but can't get my block to work am i doing something wrong.
Here's my code
ul#navigation {
background-image: url(Navigation_GlassTheme.jpg);
background-repeat: no-repeat;
height: 40px;
padding-left: 600px;
color: white;
font-weight: bold;
font-family: Helvetica, Arial;
}
ul#navigation li a {
display: block; width: 100px;
float: left;
margin-top: 170px;
}
div#wrapper {
width: 1024px;
margin: 0 auto;
}
Should be:
you forgot the li's and closed the a tag wrong.