Foros del Web » Creando para Internet » HTML »

pagina web en html

Estas en el tema de pagina web en html en el foro de HTML en Foros del Web. Hola, necesito crear una página web con el siguiente esquema: - una cabecera - dos columnas: una a la izquierda mas estrecha para el menú, ...
  #1 (permalink)  
Antiguo 17/08/2011, 20:46
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 8 años, 2 meses
Puntos: 0
pagina web en html

Hola, necesito crear una página web con el siguiente esquema:
- una cabecera
- dos columnas: una a la izquierda mas estrecha para el menú, y otra a la derecha más ancha para que se vaya mostrando el contenido de cada menú.

Os pongo el código que llevo hecho hasta ahora. El problema es que no consigo que se visualice de igual modo en todos los navegadores. ¿Alguien podría ayudarme? O si puede enfocar los 'div' de otra forma, o con otras estructuras, también os lo agradecería, si creéis que queda mejor.

Código HTML:
Código HTML:
<html xml:lang="es">
<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"">
	<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>

<body>
	<div id="cabecera">
		<center><img src="imagenes/banner_nuevo.jpg"  width="1000px" height="160px"></center>		
	</div> <!--//final #cabecera//-->
	<!--<div  id="imagen2"><center><img src="esquema.jpg"></center></div>-->
	<div id="columna_izq">
		<h1 class="fondo_menus">Men&uacute;</h1>
			<ul>
				<li><a href="quienessomos.html" title="Quienes Somos" accesskey="1">&iquest;Qui&eacute;nes somos?</a></li>
				<li><a href="instalaciones.html" title="Instalaciones"accesskey="2">Instalaciones</a></li>
				<li><a href="sementales.html" title="Sementales" accesskey="3">Sementales</a></li>
				<li><a href="yeguas.html" title="Yeguas" accesskey="4">Yeguas</a></li>
				<li><a href="potros.html" title="Venta de potros" accesskey="5">Venta de potros</a></li>
				<li><a href="potras.html" title="Venta de potras" accesskey="6">Venta de potras</a></li>
				<li><a href="galeria.html" title="Galería" accesskey="7">Galer&iacute;a</a></li>
				<li><a href="localizacion.html" title="Localización" accesskey="8">Localizaci&oacute;n</a></li>
				<li><a href="contacto.html" title="Contacto" accesskey="9">Contacto</a></li>
			</ul>	
	</div> <!--//final #columna_izq//-->
	
	<div id="contenido">
		<p>Quienes somos: Este seria el contenido de una sección, por ejemplo. bla bla bla...</p>
	</div> <!--//final #contenido//-->
		
	<div id="pie"></div>
	</div> <!--//final #pie//-->
</body>
</html> 
Código CSS:
Código:
/*CUERPO*/
body {
	background: #2E3B0B;	
}

/*COLUMNA IZQUIERDA*/
#columna_izq {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 180px;
	height:300px;
	margin: 0px;	
	background: #E1F5A9;
}

#columna_izq h1 {
	color: #FFFFFF;
	font-family: Georgia;
	font-size:25px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 30px;
	margin: 0;
	padding: 10px 0px 10px 54px;
}
#columna_izq ul {
	margin: 0 0 0 -5;
	list-style-type:disc;	
	color: #38610B;
}

#columna_izq li a {
	color: #777;
	font-size: 17px;
	line-height: 160%;
	text-decoration: none;
}
#columna_izq li a:hover {
	color: #38610B;
	font-weight: bold;
}

.fondo_menus {
	background: url('imagenes/cabeceras.gif') no-repeat left;
	margin: 0 0 0 -5;
}

/*CONTENIDO*/
#contenido{
	position: absolute;
	left: 400px;
	top: 200px;
	min-height:300px;
	width: 780px;
	margin: 0px;	
	background: #E1F5A9;
}

/*PIE*/
#pie{
	position: absolute;
	left: 200px;
	top: 540px;
	height:60px;
	width: 1000px;
	margin: 0px;	
	background: #E1F5A9;
}
La dirección temporal que estoy usando es: http://yeguadalaplata.hl154.dinaserver.com/

Probad en distintos navegadores y veréis lo que ocurre.

Tras solventar este problema también me gustaría saber cómo hacer que la columna del contenido vaya cambiando según pulso distintas opciones del menú.

Muchas gracias por adelantado.

Un saludo.
  #2 (permalink)  
Antiguo 17/08/2011, 21:03
Avatar de skiper0125  
Fecha de Ingreso: octubre-2010
Ubicación: $this->Mexico('Toluca');
Mensajes: 1.123
Antigüedad: 6 años, 1 mes
Puntos: 511
Respuesta: pagina web en html

Hola que tal.

Tu tema no corresponde directamente a HTML más que nada se enfoca a CSS.

Checa esto Columnas Equilibradas o Puro CSS

Saludos
__________________
Recuerda que estamos aquí para orientarte, y no para hacer tu trabajo.
Si mi aporte fue de ayuda, recuerda que agradecer no cuesta nada +1

Skiper0125
  #3 (permalink)  
Antiguo 17/08/2011, 22:35
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 9 años, 5 meses
Puntos: 1567
Respuesta: pagina web en html

Yo señalaría que antes de examinar tu Css, el código que mostrás requiere que tengas claros un par de conceptos sobre html/xhtml

Empezá leyendo esto
http://www.cristalab.com/tutoriales/...y-css-c57338l/
recién entonces, cuando tengas un html bien presentado, se pueden analizar tus estilos


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 19/08/2011, 03:50
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: pagina web en html

ya he resuelto el problema. Lo he solucionado utilizando tablas. Muchas gracias por vuestras opiniones!
  #5 (permalink)  
Antiguo 19/08/2011, 03:54
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 2 meses
Puntos: 63
Respuesta: pagina web en html

Has creado 3 hilos con el mismo tema... dos aquí y uno en CSS.

Etiquetas: css, formulario
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 11:55.