Foros del Web » Creando para Internet » CSS »

¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este diseño?

Estas en el tema de ¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este diseño? en el foro de CSS en Foros del Web. He logrado crear este código con Dreamweaver, pero me gustaría poder agregar, dentro de la capa cuerpo, 3 capas mas, una al lado de otra, ...
  #1 (permalink)  
Antiguo 11/06/2011, 10:19
 
Fecha de Ingreso: mayo-2011
Mensajes: 9
Antigüedad: 12 años, 11 meses
Puntos: 0
¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este diseño?

He logrado crear este código con Dreamweaver, pero me gustaría poder agregar, dentro de la capa cuerpo, 3 capas mas, una al lado de otra, de modo que a la izquierda tenga una de 100 px para los enlaces, en el centro el contenido, y a la derecha otra de 100 px para la publicidad.

No consigo entender esto de las capas. Antes me resultaba muy fácil maquetar con el bloc de notas creando tablas, pero esto de las capas me está volviendo loco de verdad. Haber si podéis ayudarme. Llevo varios días intentando hacer este diseño tan sencillo.

Código:
<!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>Documento sin título</title>
<style type="text/css">
#contenedor {
	width: 1000px;
	height: 1500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
}
#contenedor #cabecera {
	height: 120px;
	background-color: #096;
}
#contenedor #buscador {
	height: 80px;
	background-color: #39F;
}
body {
	background-color: #366;
}
</style>
</head>

<body>
<div id="contenedor">
  <div id="cabecera">cabecera</div>
  <div id="buscador">buscador</div>
  <div id="cuerpo">cuerpo</div>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 11/06/2011, 11:10
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: ¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este dise

Te dejo un ejemplo de como podría ser a ver que te parece?

http://jsfiddle.net/alexg88/WNyE8/3/embedded/result/
  #3 (permalink)  
Antiguo 11/06/2011, 11:32
 
Fecha de Ingreso: mayo-2011
Mensajes: 9
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: ¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este dise

Seria perfecto alexg88, pero no puedo ver el código fuente de esa página
  #4 (permalink)  
Antiguo 11/06/2011, 11:42
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años
Puntos: 344
Respuesta: ¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este dise

Sólo tienes que apretar al simbolo + que hay arriba a la derecha.
  #5 (permalink)  
Antiguo 12/06/2011, 02:43
 
Fecha de Ingreso: mayo-2011
Mensajes: 9
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: ¿Me ayudais para agregar 3 capas, una al lado de otra, dentro de este dise

Cita:
Iniciado por alexg88 Ver Mensaje
Sólo tienes que apretar al simbolo + que hay arriba a la derecha.
Perfecto, no me habia dado cuenta. Muchas gracias por tu ayuda.

Etiquetas: capas, diseño, lado
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 10:53.