Programación Web y Scripting > HTML
Table O Div?
JuanK:
--- Citar ---
--- Citar ---No me funciona en mozilla firefox.
--- Fin de la cita ---
por eso especifique que la manita no funciona en mozilla pero mi punto es q las clases si se pueden usar sobre una tabla mas bien el objeto importante es el td :)
--- Fin de la cita ---
Si eso si me quedo claro.
--- Citar ---
--- Citar ---Claro eso tambien habia pensado, la tabla esta bien desde que encesites hacer algho sencillo, pero en las paginas mas elaboradas las tablas no te daran muchas cosdas que requeriras.
--- Fin de la cita ---
como que?
--- Fin de la cita ---
Me he enconitrado con miuchos casos en las pocas paginas que he hecho y la ultima hace mas de un año , pero alguien que diseñe a diario te dara una mejor respuesta, no en vano la tendencia es solo usar divs.
--- Citar ---
--- Citar ---No esa clase de grupos, desde luego una tabla agrupa pero solo puedes agrupar objetos completos, no segmentos de ellos ( hasta donde se).
Por ejemplo hasta donde se, no puedes hacer un grupo que por ejemplo comience antes de una tabla y termine en medio de ella pues no obtendras los resultados esperados, mientras que con DIV si puedes.
--- Fin de la cita ---
entonces a que te refieres?
a que el id sea para otro objeto y englobe a varios objetos y dentro de ellos la tabla?, si es asi si se puede hacer, no veo xq no.
--- Fin de la cita ---
NO como ya lo explique, iniciar un tag div antes de iniciar una table y terminarlo en ledio de la table sion haber cerrado el tag de la table propia.
--- Citar ---muestame algo que puedas hacer con div y que no se pueda hacer con tablas :)
de hecho yo no lo he intentado pero yo no he visto que se puedan poner mas de 3 div uno a lado del otro :unsure:
--- Fin de la cita ---
Habla con diseñadores, aca no tengo a la mano las paginas que he hecho en años anteriores, pero como ya te mencione un diseñador dedicado al tema te dras motivos de sobra por encima de los que ya de del posicionamiento con mas presicion y flexibilidad.
--- Citar --- Por cierto no habia visto eso de los niveles jejejeje esta algo chafon mejor checa la que te dijo X.Cyclop o W3schools que estan muy buenas smile.gif
en w3 puedes checar que nivel tienes de HTML, Javascript y CSS haciendo Quiz pero no son muy elevados, aunque te puedes certificar, pero creo que es un buen de lana jejeje y el nivel si aumenta
--- Fin de la cita ---
Mi nivel de HTML es basico como ya lo mencione, pero no me interesa pasar de ahi por el momento.
Altareum:
A mi juego me llamaron... soy uno de los que ya hace un tiempo eh cambiado las tortuosas tablas por un esquema con "divs"... y lo pongo entre comillas, porque en realidad no es lo único que uso como reemplazo a esto.
Primero quiero aclarar una cosita que dijeron por ahí:
--- Citar ---
--- Citar ---No me funciona en mozilla firefox.
--- Fin de la cita ---
por eso especifique que la manita no funciona en mozilla pero mi punto es q las clases si se pueden usar sobre una tabla mas bien el objeto importante es el td smile.gif
.manita {
cursor: hand;
background-color: #b5e2ff;
}
--- Fin de la cita ---
Bueno, en realidad ambos están parcialmente equivocados :P . Lamentablemente y como siempre Microsoft no cumple con ningún standard, pero por suerte tanto Mozilla como Firefox si ! ... Según la W3C, los valores que pueden aplicarse a la propiedad cursor son:
-auto
-crosshair
-default
-pointer
-move
-e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize
-text
-wait,
-progress
-help
-<uri>
El valor Pointer es el que hace que aparezca la 'manito'... y esto si funciona en mozilla, firefox, opera, y en las versiones más nuevas de IE. El valor "hand" fue inventado por microsoft, por lo que un navegador qe no lo acepte, no necesariamente funciona mal.
Ahora, volviendo al tema de la discución, ¿cual es la diferencia entre usar tablas y divs ?.... A mi modo de verlo:
-La limpieza de código, como dijeron por ahí, es muchísimo más fácil leer un html armado con divs que uno armado con tablas.
-Permiten un mejor control de la distribución de la pantalla... Pudiendo controlar los 4 bordes, sus márgenes internos y externos, fondos, scrolls, etc... (obviamente esto no solo se aplica a los divs).
-La separación entre diseño y código. Este me parece que es el punto más importante, sobre todo a la hora de hacer un sitio, que probablemente con el tiempo cambie el diseño pero no su estructura (como cualquier portal, lycos, terra, datafull, etc... ).
El primer punto, no necesita mucha aclaración, pero quisiera aclarar en primer lugar el último punto.
Como dije, al maquetar con CSS se logra dividir el diseño del código en sí, un claro y excelente ejemplo se puede ver en www.csszengarden.com Si van navegando el menú que aparece a la derecha, irán viendo muchos diseños distintos aplicados a la misma página. Ahora bien, si ven el código fuente de la página, verán que el mismo es uno solo. Y por qué la diferencia ?? bien, la diferencia entre cada diseño, se debe a que toooodo lo que se ve está definido en la hoja de estilos, ya sea esto, color o tamaño de letra, ancho, alto o ubicación, etc.....
Por lo cual, si trabajamos en un portal que necesita cambiar el diseño, no debermos tocar los html, simplemente se cambian las hojas de estilo. Esto es un gran ahorro de tiempo y energía.
Llendo al punto que me quedó pendiente:
Casi todas las propiedades que pueden definirse en una hoja de estilos, puede aplicarse a práctimanente todos los objetos del html (dependiendo mucho del navegador en algunos casos).
Por esto, armar por ejemplo una tabla con bordes de 1px entre cada celda es mucho más sencillo con CSS que con una tabla normal (que de hecho el borde de las tablas me parece horrendo).
Pero no solo esto. Como dije al principio
--- Citar ---hace un tiempo eh cambiado las tortuosas tablas por un esquema con "divs"
--- Fin de la cita ---
. Este divs lo puse entre comillas, debido a que así comenzaron el tema, pero esto no es del todo cierto. Al maquetar con CSS no se usan solo los divs, también son piezas claves las listas (ordenadas o no)... (UL / OL ).
De hecho, ultimamente las estoy usando muchísimo, y hasta en algunos casos, más que los divs. Son ideales para armar menúes, tablas, galerías de imágenes, etc...
Aca les dejo un clarísimo ejemplo de las ventajas de este método, como verán el html no cambia, solo el estilo, pero el resultado es totalmente diferente:
--- Código: Text ---<style>.tipo-uno{ margin: 0px; padding: 0px; width: 100px;}.tipo-uno > li{ margin: 0px 0px 0px 0px; padding: 0 0 10px 0px; text-align: left; width : 100px; border: 1px #510113 dashed; background-color: #CCC;} .tipo-dos{ margin: 0px; padding: 0px; width: 350px;}.tipo-dos > li{ margin: 5px 5px 0px 0px; padding: 0 0 10px 0px; text-align: right; width : 100px; height: 100px; border: 1px #510113 solid; cursor: pointer; background-color: #F4859C; float: left;}</style> <ul class="tipo-uno"> <li>Uno</li> <li>Dos</li> <li>Tres</li> <li>Cuatro</li></ul> <ul class="tipo-dos"> <li>Uno</li> <li>Dos</li> <li>Tres</li> <li>Cuatro</li></ul>
Altareum.
ArKaNtOs:
Si lo dice Altareum o Avalón, les creo :)
con respecto al cursor tienes razon ya se me habia olvidado, pero es que por un tiempo deje de diseñar jejejejejeje
lo de que no solo son los div, si eso si ya lo sabia, de hecho alguna ves hice unos menues bien buenos con listas
JuanK:
--- Cita de: "ArKaNtOs" --- Si lo dice Altareum o Avalón, les creo :)
con respecto al cursor tienes razon ya se me habia olvidado, pero es que por un tiempo deje de diseñar jejejejejeje
lo de que no solo son los div, si eso si ya lo sabia, de hecho alguna ves hice unos menues bien buenos con listas
--- Fin de la cita ---
Gracias por lo que me corresponde y por la credibilidad :( :adios:
:angry:
ArKaNtOs:
--- Cita de: "JuanK" ---
--- Cita de: "ArKaNtOs" --- Si lo dice Altareum o Avalón, les creo :)
con respecto al cursor tienes razon ya se me habia olvidado, pero es que por un tiempo deje de diseñar jejejejejeje
lo de que no solo son los div, si eso si ya lo sabia, de hecho alguna ves hice unos menues bien buenos con listas
--- Fin de la cita ---
Gracias por lo que me corresponde y por la credibilidad :( :adios:
:angry:
--- Fin de la cita ---
No estoy diciendo que tu no seas confiable, sino por lo que he visto a lo largo de mi travesia en el foro ellos 2 son muy buenos en esto y tu como tu mismo dijiste no tienes experiencia, podras ser muy bueno en varios lenguajes, como se que lo eres, pero como diseñador web les tengo mas confianza a ellos :) :whistling:
[Modificado]
Añadiendo a eso, no aportaste cosas concretas, solo supuestos sin fundamentos si hubieses dicho algo convincente como Altareum hubieses tenido mi credibilidad :)
Navegación
[#] Página Siguiente
[*] Página Anterior
Ir a la versión completa