Ver Mensaje Individual
  #20 (permalink)  
Antiguo 21/01/2009, 17:37
Avatar de pao01
pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 15 años, 11 meses
Puntos: 351
Respuesta: Creando un diseño 3 columna ( no entiendo del todo la explicaión)

Lo reviso y sino aviso. Gracias Mik.

Código:
/* estilo del cuerpo */

#col_der, #col_izq, #col_cen {margin:auto; height: 100%;overflow:hidden; width: 300px; }div#CentradaLL {position:relative; top:10%; left:10%; width:80%; height:80%; }
div#CentradaLL {position:relative; top:10%; left:10%; width:60%; height:80%; }


#cont {width: 1000px; height: 515px;margin:20px auto; background-color: #e6fcfc; }
#col_der, #col_izq, #col_cen {height: 100%;}
#col_der {float: right; width: 250px;background-color: #e6fcfc;} 
#col_izq {float: left; width: 300px;background-color: #e6fcfc; font-size: 14px;}
.col_izq {padding:20px; text-align:justify;}
#col_cen {background-color: #e6fcfc; margin: 0 0 0 0; padding: 0 0 0 0;} 
.corte {clear: both;}


/* estilo del color de texto */
.otro-color { color:#cd810c; }

/* estilo de sector estilo  */ 
.estilos a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:170px;
  height:38.5px;
  margin: 0 0 0 0;

 }

.estilos a:hover { background-position: 0 -38.5px; text-decoration: none;  }
.estilos .alt { display:none; }
.estilos a#alvlin { background-image: url(images/alvlin.jpg) }
.estilos a#aresillo { background-image: url(images/aresillo.jpg) }
.estilos a#buzu { background-image: url(images/buzu.jpg) }
.estilos a#daes12 { background-image: url(images/daes.jpg) }
.estilos a#dopey { background-image: url(images/dopey.jpg) }
.estilos a#javi { background-image: url(images/javi.jpg) }
.estilos a#juaniquillo { background-image: url(images/juaniquillo.jpg) }
.estilos a#kseso { background-image: url(images/kseso.jpg) }
.estilos a#pitufoweb { background-image: url(images/pitufoweb.jpg) }
.estilos a#Raulmmmm { background-image: url(images/raul.jpg) }
.estilos a#sanchy { background-image: url(images/sanchy.jpg) }
.estilos a#Triby { background-image: url(images/triby.jpg) }
.estilos a#Willyfc { background-image: url(images/willy.jpg) }


/* estilo de caja */
#caja{ width:192px; height:424px; border:1px solid #e6fcfc; overflow:auto; margin: 50px 0 0 0; }
este es el código, si hay algo que omití avisame.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog

Última edición por pao01; 21/01/2009 a las 17:45