hola! este es mi primer tema: e creado un menu horizontal, no con el spray de dreamweaver sino 100% creado por mi, 1r0, hice la etiqueta div menu y luefo hice el li y el li a, bueno, resulta que le pongo flotar izq y nunca llega hasta el margen izquierdo, tampoco se mantiene la lista dentro del div menu y tampoco logro que todo el menu vaya de margen izquierdo hasta el derecho...
aqui va el codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dolores Diario</title>
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
background-image: url(../imagenes/backg_body.gif);
background-repeat: repeat-x;
background-color: #DADADA;
}
#contenedor {
width: 900px;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
border-right-style: none;
border-left-style: solid;
border-right-color: #FFF;
border-left-color: #FFF;
border-top-style: none;
border-bottom-style: none;
border-left-width: 2px;
height: 1500px;
background-color: #0F0;
background-image: none;
background-repeat: repeat-x;
}
#menu {
list-style-type: none;
text-decoration: none;
width: 900px;
height: 25px;
display: block;
}
#menu li {
background-image: none;
font-family: Helvetica;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
display: inline;
padding: 0px;
}
#menu ul li a {
width: 135px;
text-decoration: none;
background-image: url(../imagenes/boton-2.gif);
color: #000;
font-size: 11px;
line-height: 22px;
text-align: center;
float: left;
font-family: Arial, Helvetica, sans-serif;
height: 25px;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="encabezado"><img src="../imagenes/marca.gif" width="901" height="79" alt="banner" /></div>
<div id="menu">
<ul>
<li><a href="#">locales</a></li>
<li><a href="#">entrevistas</a></li>
<li><a href="#">deportes</a></li>
<li><a href="#">sociales</a></li>
<li><a href="#">columnas</a></li>
<li><a href="#">nacionales</a></li>
</ul>
</div></div>
</body>
</html>
[URL="http://agustingainledcv.blogspot.com/2010/07/problema-div-menu.html"]
aca esta el jpg (es un impr pant:arriba:)[/URL]
