He creado este menu, pero me falta como 1 o 2 px para que ocupe el 100%, dejo el codigo html y el css, la foto del head no me sale igual de alineada que el menu.
CSS
Código PHP:
body {background-color: #CEE3F6}
#head {
margin:1px;
}
#menu {
width: 100%;
padding: 0;
float:left;
padding:5px;
height:auto;
font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
}
#menu ul, li { list-style-type: none;
}
#menu ul
{ margin: 0;
padding: 0;
}
#menu li {
display: inline;
position:relative;
}
#menu a {
text-decoration: none;
text-align: center;
width:13.28%;
float:left;
padding: 6px;
background-color: #2175bc;
display: block;
outline:none;
color: #fff;
}
#menu a:hover { background: #CCCCCC; }
#contenido { border: 3px solid #FF0000; width:420px; height:auto; padding:3px; margin:5px; float: left; }
#creditos {border: 3px solid #FFFF00;
width:auto;
height:30px;
margin:5px;
clear: both;
}
HTML
Código PHP:
<html>
<head>
<title>a</title>
<link rel="stylesheet" href="style-general.css" type="text/css" media="all">
</head>
<body>
<div id="head"><img src="files/head.jpg"</div>
<div id="menu">
<ul>
<li><a href=”#”>EMPRESA</a></li>
<li><a href=”#”>HISTORIA</a></li>
<li><a href=”#”>PERSONAL</a></li>
<li><a href=”#”>FORMACION</a></li>
<li><a href=”#”>SERVICIOS</a></li>
<li><a href=”#”>CONTACTO</a></li>
<li><a href=”#”>PRIVADO</a></li>
</ul>
</div>
<div id="contenido">Div. 3 Contenido</div>
<div id="creditos">Div. 5 Creditos</div>
</div>
</body>
</html>