Vivan las tables!!!

reyvolsam · #31 (**permalink**) 03/11/2010, 19:25

Yaaaaa Paramericano deja de decir un monton de cosas, mejor ponte a estudiar un poco sobre CSS, que hay mucho material en la web sobre eso........

Dalvenjha · #32 (**permalink**) 03/11/2010, 21:10

... dont feed the troll, peor cuando este no es ni gracioso si no más bien da pena...

Que agarre sus tablitas y se joda...

Bye

PrendekZ · #33 (**permalink**) 03/11/2010, 21:19

Cita:

Iniciado por Dalvenjha

... dont feed the troll, peor cuando este no es ni gracioso si no más bien da pena...

Que agarre sus tablitas y se joda...

Bye

Tampoco para llegar a esos puntos

te invito a que leas los comentarios, y tal vez en momentos de desespero o estress creo que llegamos a estos puntos.

Saludos!

ArturoGallegos · #34 (**permalink**) 03/11/2010, 21:22

Cita:

Iniciado por danneg

pues simple

Código HTML:

Ver original<div id="contenedor">
 
<div class="capa">
</div>
 
<div class="capa">
</div>
 
<div class="capa">
</div>
 
</div>

Edito: FDW tiene un bug al mostrar los porcentajes, el primer simbolo de porcentaje no lo muestra bien, los siguientes los muestran bien, seleccionen mas abajo para descubrir como lo repare, al menos en mi post

Selecciona espacio en blanco -------> %

Código CSS:

Ver original#contenedor {
width: 100%;
height: 500px;
}
 
.capa {
float: left;
width: 33%;
height: 100%;
border: 1px solid #000;
}

asi o mas sencillo??

no me crees?? miralo tu!!

Viva las capas!!! CSS nunca falla!!

No alimenten al troll, pero no me aguantaba las ganas de restregar como si se pueden hacer esas cosas con mucho menos codigo que con las tablas XD

este método es viable solamente cuando el div contenedor tiene una altura especificada, ya sea en pixeles o en porcentajes.... el necesita sea fluido.

yo prefiero este método que ha planteado el compañero mikmoro
http://www.araudi.net/ejemplos/colum...ilibradas.html

ya que no requiere especificar una altura...

Compañero Paramericano, prueba ese método, estoy seguro que no te fallara, y si de plano no te funciona... bendita sea la ignorancia, a darle con las tablas.

#35 (**permalink**) 03/11/2010, 21:43

Claro, y con los post que vinieron despues, sugeri el posible cambio a sus dudas XD

muy buen metodo de mikmoro

BloodShadow · #36 (**permalink**) 04/11/2010, 10:31

Panamericano deberías aprender a ser de mente amplia y estudiar mucho mas y a aprender recibir criticas de todos los expertos que hay en FDW, por que en un tiempo si usábamos tablas, pero al descubrir las maravillas del css, las mandamos a la basura (solo en casos raros las usamos)...

Te hago una propuesta, has una web algo grande de contenido, imágenes, un buen diseño... Cuando la tengas lista, avisa y te pediremos que le hagas un cambio para ver cuanto te tardas, si te animas, yo la hago con CSS y que la gente aquí pida el mismo cambio que a tu pagina... a ver quien lo hace mas rápido y se vea mejor en todos los navegadores. Aparte comprobaremos las lineas de código, tu con tus tablas y yo con mi maquetación y css; mira que tu dices que hay que hacer los div y el css, te reto a ver a quien le salen mas lineas de código también.

Un reto(?)

#37 (**permalink**) 04/11/2010, 10:44

wuuuuuuuuuuuuuu... competencia css??

PrendekZ · #38 (**permalink**) 04/11/2010, 10:50

jajajaja! :o Muy cierto, al realizar un cambio al sitio con Divs y CSS se puede lograr lo que se desea, mientras con tablas no!

Acepta el Reto!!!

ArturoGallegos · #39 (**permalink**) 04/11/2010, 10:57

oh!!! acepta el reto vamos animate...

la primera competencia que me tocara ver desde el inicio jaja

BloodShadow · #40 (**permalink**) 04/11/2010, 11:21

A ver si acepta, si acepta, se realizara un fin de semana por que trabajo y no me queda chance... para mientras es de ir buscando a un diseñador web en el foro de diseño web, para que nos haga el diseño y así no diga Panamericano que lo elegí yo o yo diga que lo elegio él...

Esperemos a ver que dice... propongo que un diseñador web, haga el diseño mas monstruosamente atractivo (es un decir a que sea muy difícil de hacer y bonito) así le demostramos a este tipo y le comprobamos que es mejor para la web si tablas o nuestro querido y amado señor html y css

#41 (**permalink**) 04/11/2010, 11:21

me gustaria ser juez!!... ya en el peor de los casos participar

Es buena idea para mostrar la diferencia entre tablas y capas

Mismo diseño, misma estructura, diferente forma de maquetacion

al fina, pasar por la W3C, por la accesibilidad, peso, descarga, entre otros aspecto, y sobre todo, conservar el buen diseño de la web

es todo un reto, el que pierda, acepta la derrota y se reitera de lo anteriormente discutido!!

#42 (**permalink**) 04/11/2010, 11:23

Cita:

Iniciado por BloodShadow

A ver si acepta, si acepta, se realizara un fin de semana por que trabajo y no me queda chance... para mientras es de ir buscando a un diseñador web en el foro de diseño web, para que nos haga el diseño y así no diga Panamericano que lo elegí yo o yo diga que lo elegio él...

Esperemos a ver que dice... propongo que un diseñador web, haga el diseño mas monstruosamente atractivo (es un decir a que sea muy difícil de hacer y bonito) así le demostramos a este tipo y le comprobamos que es mejor para la web si tablas o nuestro querido y amado señor html y css

No lo habia visto,. pero propongo que paramericano haga el diseño, que ponga la dificultad y vera que es mas facil todo con capas

DragonX · #43 (**permalink**) 04/11/2010, 11:24

perdón, pero me parece una granperdida de tiempo esta "competencia" La velocidad de carga, velocidad de actiualización, validaciones y toda la fiesta va ser exactamente igual una con la otra.

No se esta hablando de hacer todo el sitio en tablas, solo la estructura, por ende esto es una perdida de tiempo. Una tabla con 3 columnas tarda lo mismo que cargar tres DIV uno al lado del otro.

Slds

BloodShadow · #44 (**permalink**) 04/11/2010, 11:33

Cita:

Iniciado por danneg

No lo habia visto,. pero propongo que paramericano haga el diseño, que ponga la dificultad y vera que es mas facil todo con capas

No estoy de acuerdo contigo por que el podría hacer uno muy fácil para hacerlo con tablas... yo hablo de diseño como http://www.parquemontecristo.com/2010/ ó http://dev.premper.com/ (aun los tengo en proceso :P) y si es posible mas complicados que esos

Cita:

Iniciado por DragonX

perdón, pero me parece una granperdida de tiempo esta "competencia" La velocidad de carga, velocidad de actiualización, validaciones y toda la fiesta va ser exactamente igual una con la otra.

No se esta hablando de hacer todo el sitio en tablas, solo la estructura, por ende esto es una perdida de tiempo. Una tabla con 3 columnas tarda lo mismo que cargar tres DIV uno al lado del otro.

Slds

Estoy de acuerdo contigo... pero mi propuesta es para que vea la dificultad de hacerlo con tablas y el dolor de cabeza que causa hacer un cambio cuando esta hecho con tablas, aparte que así tal vez se motiva a aprender CSS...

DragonX · #45 (**permalink**) 04/11/2010, 11:41

Cita:

Iniciado por BloodShadow

Estoy de acuerdo contigo... pero mi propuesta es para que vea la dificultad de hacerlo con tablas y el dolor de cabeza que causa hacer un cambio cuando esta hecho con tablas, aparte que así tal vez se motiva a aprender CSS...

Veo que no estas muy de acuerdo, porque seguis con el mismo discurso.

si yo tengo:

col uno | col dos | col tres |

en CSS o Table ¿que diferencia hay?, Estamos hablando de la estructura solamente, algo tan simple como:

Código HTML:

Ver original<table width="95%"><tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="33%"></td>
</tr><table>

BloodShadow · #46 (**permalink**) 04/11/2010, 11:45

Cita:

Iniciado por DragonX

Veo que no estas muy de acuerdo, porque seguis con el mismo discurso.

si yo tengo:

col uno | col dos | col tres |

en CSS o Table ¿que diferencia hay?, Estamos hablando de la estructura solamente, algo tan simple como:

Código HTML:

Ver original<table width="95%"><tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="33%"></td>
</tr><table>

Estas hablando de 3 tristes columnas... obvio que sera lo mismo, yo te hablo de diseños grandes, con un colocho por aquí otro por aya, un diagonal en medio del sitio, que se yo... hablo de algo grande hermano y no te ofendas

#47 (**permalink**) 04/11/2010, 11:49

Cita:

Iniciado por DragonX

Veo que no estas muy de acuerdo, porque seguis con el mismo discurso.

si yo tengo:

col uno | col dos | col tres |

en CSS o Table ¿que diferencia hay?, Estamos hablando de la estructura solamente, algo tan simple como:

Código HTML:

Ver original<table width="95%"><tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="33%"></td>
</tr><table>

Pues bien, esto ya se venia hablando desde el inicio del tema, y como colaborador del foro, esperaba que defndieras el uso de capas, ya que pues en si es la mejor manera para hacer l maqueta de un sitio

a la larga hacer una esructura con tablas sale mal, por una u otra cosa

y pues al final la diferencia es: que para usar tablas en una estructura temrinas utilizando css, el cual qurias evitar

por ejemplo, para alinear todo hasta arriba (ya que por defecto esta en medio)

vertical-align: top;

o para dar color, bordes, texto, legibilidad, etc. siempre terminas usando css, y opr que no mejor usarlo desde el principio y de una buena forma?

y sobre la competencia, yo decia que paramericano sugiera el diseño, ya que por lo mismo, pondria algo que segun el solo se hiciera con tablas, y demostrar que no es cierto

Dalvenjha · #48 (**permalink**) 04/11/2010, 11:55

No amerita una competencia contra el sr indeciso panamericano, en cuanto al compañero de Urban Chip creo que está viendo otro punto, si notas los diseños de DragonX son tableless.

En cuanto a la competencia: "El águila no caza moscas, porque vuela alto..."

#49 (**permalink**) 04/11/2010, 12:04

um... esto me puso a pensar

El águila no caza moscas, porque vuela alto..

Muy bueno tu articulo, pero quiere que sean liquidas >.<

http://remsr.com/articulos/css-trescol.php

En fin, muchas discuciones y nadie se pone de acuerdo, por mi parte di muchas sugerencias y razones para no usar tablas en una estructura

Si susede algo interesante (competencias)

kseso? · #50 (**permalink**) 04/11/2010, 12:08

Cita:

Iniciado por dragonx

perdón, pero me parece una gran perdida de tiempo esta "competencia" la velocidad de carga, velocidad de actualización, validaciones y toda la fiesta va ser exactamente igual una con la otra.

No se esta hablando de hacer todo el sitio en tablas, solo la estructura, por ende esto es una perdida de tiempo. Una tabla con 3 columnas tarda lo mismo que cargar tres div uno al lado del otro.

Slds

+2

Dalvenjha · #51 (**permalink**) 04/11/2010, 12:24

Cita:

Iniciado por danneg

um... esto me puso a pensar

El águila no caza moscas, porque vuela alto..

Muy bueno tu articulo, pero quiere que sean liquidas >.<

http://remsr.com/articulos/css-trescol.php

En fin, muchas discuciones y nadie se pone de acuerdo, por mi parte di muchas sugerencias y razones para no usar tablas en una estructura

Si susede algo interesante (competencias)

Hahaha ese artículo es antiguoooo solo mostraba otra forma de hacerlo que no sea usando los clasicos <div class="clear">

Creo que todos comprenden en mayor o menor medida que lo que se quiere decir es que el muchacho no amerita una competencia máxime cuando está demostrado que hay cosas con css que no se hacen con tablas.

=) Saludos.

#52 (**permalink**) 04/11/2010, 12:27

Cita:

Iniciado por Dalvenjha

Creo que todos comprenden en mayor o menor medida que lo que se quiere decir es que el muchacho no amerita una competencia máxime cuando está demostrado que hay cosas con css que no se hacen con tablas.

pues si, creo que es cierto, pero yo queria competencias >.< jaja

sera en otra ocacion

Dalvenjha · #53 (**permalink**) 04/11/2010, 12:31

No te preocupes termina la mía y conversaremos de un tema interesante contigo y algunas otras personas.

Déjame carburar =D.

Por cierto tu página, el server está mostrando el php naked xD.

#54 (**permalink**) 04/11/2010, 12:37

si he visto tu competencia, pero seria mejor que la termines tu, eso creo, ya yo lo intentare en otra ocacion, pero me gustaria perticipar en algo de programacion, ya que es mi fuerte y para lo que estudi XD

mi pag... jaja.. si algo muy chistoso paso ahi, accidentalmente cambie el idex por otro que debia aver en un subdirectorio XD, asi que >.<

por ahora trabajo en otro diseño, no so buen diseñador, no teno la la imaginacion para hacerlo, de vez en cuando recurro a inspiraciones por la red XD

tan solo mira la pagina con el estilo (no me gusta, aun no la termino de detallar)

http://dannegm.com/radio

daPhyre · #55 (**permalink**) 04/11/2010, 16:05

Lo del reto se leía interesante.

Como dije antes, el problema viene con las tablas anidadas. Así que yo sugeriría que la competencia se hiciera con con un diseño simple de 3 columnas, si no algo más complejo, que requiera códigos anidados, para ahí mostrar verdaderamente cual de los dos diseños es más complejo de implementar

Paramericano · #56 (**permalink**) 04/11/2010, 16:29

Hola a todos, chicos, por fin pueda estar un rato por aquí.

En sólo 5 minutos (no he podido más, espero que más adelante tenga algo más de tiempo), he conseguido esto (te lo dedico, kseso, para que veas que "pienso").

CSS:

Código:

* {
   padding:0;
   margin:0;
   }
.zonazero {
   background-color:blue;
   overflow:hidden;
   margin:15px;
   }
.one {
   float:left;
   width:75%;
   background:green;
   }
.two {
   float:right;
   width:25%;
   background:blue;
   }

HTML:

Código:

<body bgcolor="orange">
<div class="zonazero">
<div class="one">
...
</div>
<div class="two">
...
</div>
</div>
</body>
</html>

De momento he conseguido lo que YO QUERÍA!!! con sólo 2 columnas (queda pendiente con 3). Y no es del todo automático, hay un ligero cambio: cambiar el color de fondo del div "zonazero" al color de fondo que tenga la columna más corta.
Pero al menos no tienes que cambiar la altura de las columnas píxel por píxel, 5 ó 6 veces hasta acertar la altura adecuada.
Ésto es lo más automático que he conseguido hasta ahora teniendo la altura de las columnas automatizada, y el ancho de las 2 líquido.

A ver si me ayudan! y no tanto criticar, pues yo lo que quiero es CSS, pero hay que merecérselo!

Gracias DragonX, tú me entiendes. Ah! Es verdad, no puedo aceptar el reto: lo ganaría CSS tal como lo planteáis, pero es que el reto auténtico es:
1. 3 columnas
2. Las 3 líquidas
3. Altura automática (las 3 columnas siempre tocando bajo, y que ninguna esconda nada)
4. ...y todo CSS

A ver quién lo consigue!!! De momento, mi código es lo que más se acerca. Jaja: 1-0.

PD: el contenido de las columnas hay que ponerlo manualmente, pegarle unos cuantos lorem ipsum...

walterfcr · #57 (**permalink**) 04/11/2010, 16:35

Porque hablan de maquetar con tablas en un foro de css?

Paramericano · #58 (**permalink**) 04/11/2010, 16:43

Cita:

Iniciado por walterfcr

Porque hablan de maquetar con tablas en un foro de css?

Se trata de ver si CSS es más útil que tables en cuanto a un sencillo diseño de 3 columnas etc, etc.

PD: por qué tengo karma negativo? Alguien me puede dar karma positivo? jeje

#59 (**permalink**) 04/11/2010, 17:08

Cita:

Iniciado por Paramericano

Gracias DragonX, tú me entiendes. Ah! Es verdad, no puedo aceptar el reto: lo ganaría CSS tal como lo planteáis, pero es que el reto auténtico es:
1. 3 columnas
2. Las 3 líquidas
3. Altura automática (las 3 columnas siempre tocando bajo, y que ninguna esconda nada)
4. ...y todo CSS

A ver quién lo consigue!!! De momento, mi código es lo que más se acerca. Jaja: 1-0.

PD: el contenido de las columnas hay que ponerlo manualmente, pegarle unos cuantos lorem ipsum...

wiiiiii!!! siempre si hay competencia!!

acepto, en un rato mas regreso para poner mi resultado!!

kseso? · #60 (**permalink**) 04/11/2010, 17:40

No. Ese no es el reto auténtico.
Eso es lo que usted necesita hacer.
Y ante su imposibilidad para lograrlo (que no tiene nada de malo ni reprobable) y ante su incapacidad para plantear sus dudas (información facilitada) y lo que es más grave no entender las respuestas ni ser capaz de recurrir a google para encontrar la información complementaria (véase) pretende lograr que alguien se lo haga por todo el morro disfrazándolo de reto o competencia css.

Lo siento pero no cuela.
Y deploraría mucho que cualquier otro usuario se lo de hecho por un malentender lo que debe ser el foro y las actividades que se realizan en él.

Y para remate, su exposición de la trampa es de todo punto ambigua y carente de rigor:

Cita:

1. 3 columnas
2. Las 3 líquidas
3. Altura automática (las 3 columnas siempre tocando bajo, y que ninguna esconda nada)
4. ...y todo CSS

Deje de trollear.

¿Se sorprende de su karma negativo. Yo me sorprendo de que sea tan poco. Se ve que su "display:scroll" no ha trascendido.

Y para librarme de acusaciones del tipo que no aporto nada*, aquí va lo que usted necesita:
Sólo es una combinación de dos estructuras de sobra conocidas y logradas de formas muy dispares:
Falsas columnas equilibradas y pie abajo

Ahora investigue, busque, trabaje en ello y cuando haya puesto algo más de su parte que un simple engaño disfrazado de reto, si tiene alguna duda en concreto, la plantea.

* Bueno, también para reventar la pseudo-competencia por los motivos espurios que esconde.