Foros del Web » Creando para Internet » CSS »

Problema con el menú

Estas en el tema de Problema con el menú en el foro de CSS en Foros del Web. Yo tengo un problema con el menu de mi web y es que quiero poner un menú vertical a la izquierda y el contenido a ...
  #1 (permalink)  
Antiguo 28/07/2008, 13:29
 
Fecha de Ingreso: julio-2008
Mensajes: 4
Antigüedad: 9 años, 4 meses
Puntos: 0
Problema con el menú

Yo tengo un problema con el menu de mi web y es que quiero poner un menú vertical a la izquierda y el contenido a contuanuacion pero me salta hasta el fin del menu y no se como lo hacer ya lo he probado todo espero que me podais ayudar.Muchas gracias
  #2 (permalink)  
Antiguo 28/07/2008, 14:59
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Problema con el menú

Es normal esta duda cuando estás empezando, no te preocupes por eso. Aquí está la solución (muy sencilla):
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menú usando listas</title>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
#menu { float: left; width: 15%; background: #eee; }
#texto { float: left; width: 85%; }
.clear { clear: both; }
</style>
</head>
<body>
<div id="menu">
Este es el menú
</div>
<div id="texto">
Este es el texto
</div>
<div class="clear"></div>
</body>
</html> 
Te recomiendo que si todavía no sabes CSS te leas este manual.

Última edición por Raulmmmm; 29/07/2008 a las 01:44
  #3 (permalink)  
Antiguo 28/07/2008, 16:12
 
Fecha de Ingreso: julio-2008
Mensajes: 4
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Problema con el menú

Muchas gracias por tu repuesta, pero no lo soluciono del todo por que detras de menu sale una sombra muy rara y el texto esta demasiado hacia la izquierda me podrias decir como lo puedo solucionar?. Gracias de nuevo
  #4 (permalink)  
Antiguo 29/07/2008, 01:46
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Problema con el menú

La sombra que dices es un color de fondo, lo puedes borrar aquí:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menú usando listas</title>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
#menu { float: left; width: 15%; [b]background: #eee;[/b] }
#texto { float: left; width: 85%; }
.clear { clear: both; }
</style>
</head>
<body>
<div id="menu">
Este es el menú
</div>
<div id="texto">
Este es el texto
</div>
<div class="clear"></div>
</body>
</html> 
Y el ancho se cambia modificando los valores de porcentaje:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menú usando listas</title>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
#menu { float: left; [b]width: 15%;[/b] background: #eee; }
#texto { float: left; [b]width: 85%;[/b] }
.clear { clear: both; }
</style>
</head>
<body>
<div id="menu">
Este es el menú
</div>
<div id="texto">
Este es el texto
</div>
<div class="clear"></div>
</body>
</html> 
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 17:49.