0
... i am making a site for some bend !!!I am trying to move my css horizontal menu in center of page under logo ,
and hi don't wanna move
This is my code :
<html>
<head>
<style type="text/css">
body {background-color: black}
img.pos_left
{
position: relative;
left: 320px
}
*{
padding: 0;
margin: 0;
font-family: Arial, sans-serif;
}
body {
margin: 20px;
font-size: 12px;
}
ul {
list-style: none;
}
ul a {
color: red;
text-decoration: none;
display: block;
padding: 5px 5px 5px 10px;
width: 125px;
background: #333;
}
ul a:hover {
color: #4BD8FF;
text-decoration: none;
background: #3C3C3C;
}
ul li {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
float: right;
position: relative;
}
</style>
</head>
<body>
<img class="pos_left" src="logo1.jpg" />
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Band</a></li>
<li><a href="#">Discography</a></li>
<li><a href="#">News</a></li>
</ul>
</body>
</html>
Can anybody help me ??? please !!!
