Tema: DIV como ??
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/10/2005, 15:30
lizfranco
 
Fecha de Ingreso: abril-2003
Mensajes: 150
Antigüedad: 21 años, 7 meses
Puntos: 1
Hola
Te sugiero que mires el foro de CSS. Hay muchos ejemplos.

1. dos columnas (un ejemplo):

estilos:
Código:
.content_box {
padding: 3px 3px 3px 3px;
margin-top: 0px;
text-align:left;
width:700px;
}

.contb_left {
width: 200px;
float: left;
}
	
.contb_right {
margin-left:205px;
font-size:16px;
padding: 5px;
}
Código HTML:
<body>
<div class="content_box">
	<div class="contb_left">Texto columna izquierda
		<ul><li>menu1</li><li>menu2</li><li>menu3</li><li>menu4</li></ul>
	</div>
	
	<div class="contb_right">
		rem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. 
		rem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. 
		rem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. 
		rem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. 
		rem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. 
	</div>
</div>
</body> 
Ejemplos tal ves mas claros:
http://www.tierradenomadas.com/tw003.phtml

2. Las tablas no deben usarse para dividir tu sitio web. Para eso estan los DIV. Con los DIV puedes usar propiedades similares que usarias con las tablas. Por ejemplo como el padding, o margin reemplazan lo que son en las tablas cellpadding y cellspacing. (mira en foro de CSS).
Cuando yo empece a trabajar con DIVs me recomendaron este articulo http://www.effectivetranslations.com...ything_es.html
Con eso entendi mejor por que no debia usar tablas para disenar mi pagina.