Foros del Web » Creando para Internet » CSS »

sigo con dudas en el menu

Estas en el tema de sigo con dudas en el menu en el foro de CSS en Foros del Web. A ver, no se porque me deja margenes entre la cabecera y el menu, y tambien entre el menu y el pie. Esto pasa en ...
  #1 (permalink)  
Antiguo 02/06/2008, 10:41
Avatar de PedroRodas  
Fecha de Ingreso: noviembre-2005
Ubicación: Cádiz
Mensajes: 393
Antigüedad: 12 años
Puntos: 0
sigo con dudas en el menu

A ver, no se porque me deja margenes entre la cabecera y el menu, y tambien entre el menu y el pie. Esto pasa en firefox pero no en IE.

Ademas no se porque deja un margen a la izquierda en el menu. ESto pasa en todos los navegadores que he probado.

Yo no logro solucionar ninguna de las 2. A ver que conseguis vosotros. muchas gracias de antemano.

Este es el codigo:
Código HTML:
 <!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="ContentType" content="text/html; charset=iso-8859-1" />
<title>EJEMPLO MENU</title>
<style type="text/css">
body {margin:0;padding:0;}
#contenedor{
width:760px;
height:auto;
margin: 0px auto;
}
#cabecera{
clear:both;
width:100%;
height:100px;
background:#f63;
}
#menu{
clear:both;
width:100%;
height:100%;
}
#pie{
clear:both;
width:100%;
height:100px;
background:#f63;
}
#menu ul {
clear: both;
float: left;
width: 100%;
list-style: none;
}
#menu ul li {
text-align:center;
display: inline;
float: left;
width:20%;
font: normal .8em Arial, Helvetica, sans-serif;
background: #fff;
}
/*								Enlaces 									*/
#menu ul li a:link, ul li a:visited {
padding: .5em;
display:block;
text-decoration: none;
color: #000;
background: #666;
}
#menu ul li a:hover {
background: #000;
color:#fff;
}
ul li a:active {text-decoration:none; color:#000;}
</style>
</head>
<body>
<div id="contenedor">
	<div id="cabecera">Cabecera_ejemplo</div>
	<div id="menu">
		<ul>
			<li><a href="#" title="Enlace genérico">:: Inicio ::</a></li>
			<li><a href="#" title="Enlace genérico">:: Portafolio ::</a></li>
			<li><a href="#" title="Enlace genérico">:: Contacto ::</a></li>
			<li><a href="#" title="Enlace genérico">:: Enlaces ::</a></li>
			<li><a href="#" title="Enlace genérico">:: Sobre m&iacute; ::</a></li>
		</ul>
	</div>
	<div id="pie">Pie_ejemplo</div>
</div>
</body>
</html> 
__________________
Genial concierto de Roger Waters, Pink Floyd siguen vivos!!!
  #2 (permalink)  
Antiguo 02/06/2008, 16:50
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: sigo con dudas en el menu

Mira a ver qué tal te va esto:

Cita:
<!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" lang="es-es">
<head>
<meta http-equiv="ContentType" content="text/html; charset=iso-8859-1" />
<title>EJEMPLO MENU</title>
<style type="text/css">
body { margin: 0px;padding: 0px;}
#contenedor { margin: 0px auto;
width: 760px;
}
#cabecera { background-color: #f63;
height: 100px;
}
#menu ul { list-style-type: none;
width: 760px;
display: inline;
}
#menu ul li { background-color: #666;
text-align: center;
font: normal .8em Arial, Helvetica, sans-serif;
float: left;
width: 20%;
}
#menu ul li a:link, ul li a:visited { display: block;
padding: 0.5em 0px;
text-decoration: none;
color: #000;
}
#menu ul li a:hover { background-color: #000;
color: #fff;
}
ul li a:active { text-decoration: none;
color: #000;
}
#pie { background-color: #f63;
height: 100px;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">Cabecera_ejemplo</div>
<div id="menu">
<ul>
<li><a href="#" title="Enlace gen&eacute;rico">:: Inicio ::</a></li>
<li><a href="#" title="Enlace gen&eacute;rico">:: Portafolio ::</a></li>
<li><a href="#" title="Enlace gen&eacute;rico">:: Contacto ::</a></li>
<li><a href="#" title="Enlace gen&eacute;rico">:: Enlaces ::</a></li>
<li><a href="#" title="Enlace gen&eacute;rico">:: Sobre m&iacute; ::</a></li>
</ul>
</div>
<div id="pie">Pie_ejemplo</div>
</div>
</body>
</html>
Mikel.
  #3 (permalink)  
Antiguo 03/06/2008, 03:40
Avatar de PedroRodas  
Fecha de Ingreso: noviembre-2005
Ubicación: Cádiz
Mensajes: 393
Antigüedad: 12 años
Puntos: 0
Respuesta: sigo con dudas en el menu

muchas gracias Mikel!! eso es lo que buscaba, no encuentro donde estaba mi error, puedes decirmelo?? gracias
__________________
Genial concierto de Roger Waters, Pink Floyd siguen vivos!!!
  #4 (permalink)  
Antiguo 03/06/2008, 04:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: sigo con dudas en el menu

No te lo puedo decir exactamente porque en realidad, como he visto que había bastante lio lo he rehecho de cero. Pero vamos, supongo que comparando este código con el tuyo y probando a cambiar cosas descubrirás fácilmente dónde podía estar.

Mikel.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:46.