Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 07-jun-2007, 09:31   #1 (permalink)
(Desactivado)
lucciagxxx está en el buen camino
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Tabla en css

me gustaria a ver quien me puede ayudar o decirme como crear una tabla con css , para establecer las equivalencias a todos los tags es decir table , td , tr , etc , porque quiero empezar a maquetar usando esta técnica y no comprendo aun bien las equivalencias con un ejemplo me resolveria muchas dudas , gracias
lucciagxxx está desconectado   Responder Citando
Antiguo 07-jun-2007, 12:04   #2 (permalink)
MoebiusDigital no se puede cailificar en este momento
 
Fecha de Ingreso: junio-2007
Ubicación: Buenos Aires, Argentina
Mensajes: 139
Enviar un mensaje por MSN a MoebiusDigital
Re: Tabla en css

Creo que para dejar de maquetar con tablas y pasarse al CSS es importante cambiar de enfoque, de paradigma de trabajo.

En algún momento todos maquetamos con tablas, y debimos "cambiarnos" a una nueva forma de maquetar, obligados por las circunstancias o en búsqueda de comodidad y mayor eficiencia.

Creo que hay que dejar de pensar en tablas con filas y columnas para pensar en áreas (DIVs) con distintos contenidos. Así, si quisieras una página con dos columnas, deberías crear tres DIVs. Uno que contenga las dos columnas, y otro para cada columna. Luego tenés que alinear esos DIVs para que te queden encolumnados y no uno arriba del otro.

Al principio parece complicado y "más trabajoso" que usando tablas. Es posible que el maquetado lleve más tiempo, pero te aseguro que un buen maquetado en CSS se actualiza en dos patadas.

En el website csszengarden.com tenés una muestra de lo que se puede hacer con CSS. Cambiando de hoja de estilos, el diseño cambia por completo.

En la página Nuestros Clientes de nuestro sitio web moebiusdigital.com.ar, podés ver contenido tabular. Si te fijás en el código, verás que es una lista común en HTML, pero con propiedades de CSS diferentes: no tiene viñetas, tiene márgenes diferentes, y se ubican en filas de a tres para luego bajar a una nueva línea (esto lo define el ancho del DIV que lo contiene).

Insisto: es empezar a pensar las cosas de otra manera. Te recomiendo empezar con diseños fáciles, a una columna, jugar con las propiedades de los elementos, cambiar los atributos por default de las etiquetas, y así poco a poco te irás "amigando" con el CSS. Una vez que te acostumbres, no querrás abandonarlo nunca más.

Saludos!
MoebiusDigital está desconectado   Responder Citando
Antiguo 07-jun-2007, 12:49   #3 (permalink)
(Desactivado)
lucciagxxx está en el buen camino
 
Fecha de Ingreso: febrero-2007
Mensajes: 225
Re: Tabla en css

Pue sen eso ando pero claro debo comparar para poder entender los atributos , estoy empezando a cambiar paginas a este formato sustituyendo tablas y a ver que pasa , muchas gracias lo miro y te comento , saludos
lucciagxxx está desconectado   Responder Citando
Antiguo 09-jun-2007, 01:25   #4 (permalink)
asinox ha deshabilitado el karma
 
Avatar de asinox
 
Fecha de Ingreso: noviembre-2002
Ubicación: httpdocs
Mensajes: 2.565
Re: Tabla en css

Cita:
Iniciado por lucciagxxx Ver Mensaje
me gustaria a ver quien me puede ayudar o decirme como crear una tabla con css , para establecer las equivalencias a todos los tags es decir table , td , tr , etc , porque quiero empezar a maquetar usando esta técnica y no comprendo aun bien las equivalencias con un ejemplo me resolveria muchas dudas , gracias

con CSS no creas tablas, ni creas ningun elemento html, llamense tablas, parrafos,negritas, etc

Con CSS tu manejas los elementos CSS, senciiiiiiiiiiiiiiiiillo ;)
__________________
www.noxmediastudio.com
asinox.wordpress.com
asinox está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 18:34.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93