Poco a poco con css

iconogt · #1 (**permalink**) 16/10/2004, 21:43

Hola gente que tal,

Estoy aprendiendo css poco a poco, y es una herramienta muy buena, en fin. El caso es que quisiera saber como o ¿cual es el marcado que tengo que hacer para suplantar las tablas por estilos???, esque estoy haciendo una web para practicar y ver que tal funcionan las hojas de estilo en cascada, pero por el momento solo quiero aprender a encerrar todo el contenido de mi web en un cuadro con color y toda la cosa. mmm... algo como celdas por así decirlo.

De antemano gracias...

jesusbet · #2 (**permalink**) 16/10/2004, 23:16

pues no tengo muchos ejemplo para darte, pero mi página está diseñada 100% con hojas de estilo en cascada, y puedo decirte que la solución para tus problemas son las capas o layers, es lo que suplanta a las tablas.

Saludetes

iconogt · #3 (**permalink**) 17/10/2004, 17:30

Entonces vamos a meterle un poco a las capas y ver que tal funciona

, luego les escribo por si tengo mas dudas...

slds... y una vez mas gracias...

xcorpion · #4 (**permalink**) 18/10/2004, 00:58

en las faq de css me encontr esto:
como crear un sitio por capas:

<head>
<title>Capas</title>
<style>
/*estilo Azul*/

.arriba{
position: absolute;
width:570;
height:90px;
z-index: 1;
left: 0px;
top: 0px;
overflow: visible;
border : 1px solid #788DA2;
background-color : #788DA2;
}
.izquierda{
position: absolute;
width:178px;
height:452px;
z-index: 1;
left: 602px;
top: 0px;
overflow: visible;
border : 1px solid white;
background-color : white;
color:#FFFFFF;
}
.centro{
position: absolute;
width:570px;
height:362;
z-index: 1;
left: 0px;
top: 90px;
overflow: auto;
border : 1px solid #ACBCCC;
background-color : #ACBCCC;
}

.derecha{
position:absolute;
left:570px;
top:0px;
width:30px;
height:452;
z-index:2;
border : 1px solid #BAC3CC;
background-color : #BAC3CC;
width:120;
color:#FFFFFF;
}
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="centro" class="centro"></div>
<div id="derecha" class="derecha"></div>
<div id="iquierda" class="izquierda"></div>
<div id="cabeza" class="arriba">
</div>
</body>
</html>

iconogt · #5 (**permalink**) 19/10/2004, 21:07

Gracias también por tu aporte, en realidad encuentro muy interesante este sistema para mejorar la apariencia de tu web, pero no voy a utilizar mucho las capas puesto que prefiero seguir trabajando con las tablas, viendolo bien si las sabes utilizar bien son muy pero muy útiles

además son bastante confiables....

No sé que opinarán uds..???

un saludo...

jesusbet · #6 (**permalink**) 19/10/2004, 21:21

Pues mira, yo confiadamente puedo decirte que es un lío (para mí) trabajar con tablas, además, leí por ahí que las tablas aparecen hasta que todo el contenido esté cargado, lee la serie de artículos ESTANDARIZANDO EL WEB por ManoloWeb, en este foro.

Por último, la función de la etiqueta <table> no es para acomodar tu página sino presentar contenido tabular, como el mismo manolo lo dijo.

Si necesitas asistencia sobre el uso de las capas, empieza por buscar un curso o tutorial CSS y las dudas que tengas las pones acá.

Salud

iconogt · #7 (**permalink**) 20/10/2004, 19:47

Bien, voy a tomar en cuenta todo lo que me dices, y pensandolo bien sí. Tienes mucha razón con lo que me dices acerca de que son para cierto contenido de nuestro sitio,

pero igual y funcionan bien no??

Pero así se aprende y la verdad que si aprendo mucho cada vez que expongo mis temas y/o dudas.

Muy agredecido, slds...ahhh y claro que si voy a seguir con mis preguntas

.