Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
Excelente actitud la de Ricardo, gran desafío el suyo. Yo pongo mi granito de arena diciendole que las declaraciones de tipo de documento son los carnets de identidad por los que un navegador sabe que debe leer la página con o sin compatibilidad inversa, o sea, aplicando las reglas de marcado estructural o haciendo la vista gorda a cualquier norma. Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. Claves: 1-. Recuerda la herencia, que te puede ahorrar bastantes classes y dives 2-. Plantea todo elemento de texto con un titulo marcado con un h y el texto consiguiente dividido en parrafos 4-. Usa listas para tus menus, y tablas cuando tengas que mostrar datos tabulares 3-. Trucos de viejo: 3.1-. Vigila los padding en los elementos estructurales, que explorer y su box-model hack juegan muy malas pasadas. Dale margen a los elementos interiores del div en vez de padding a los estructurales siempre que puedas 3.2-. Documentate sobre el maravilloso mundo del media: print, y piensa en la gran cantidad de gente que imprime tus páginas. Mucha suerte y ánimo. Rafa García - Original Message - From: Leandro Asrilevich [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, August 23, 2005 2:28 PM Subject: Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar daniel muchas gracias por la ayuda con tu robot... ahora te pregunte lo siguiente sobre tu respuesta... Se puede mejorar 1. Se usan varios atributos anticuados (atributos en desuso). podrias especificarme cuales serian??? 3. Versión HTML 4.01 (¿por qué no Strict?). que diferencia hay en cuanto a la declaracion, en que me sirve declararlo como strict y no transational..? Lo peor 1. Se usan muchas tablas para controlar la presentación. si no uso tablas (que las uso en lugares chiquitos, para maquetacion de algunas cositas (form por ejemplo) dentro de la maquetacion general que esta hecha con divs.. uso divs?? para todo, aunque queden 1 divs..?? 2. Ninguna tabla tiene celdas de encabezados. no se que vendria a ser bien este punto 3. Se usan muchos atributos para controlar la presentación de la página (por ej.: size, color o face). estos atributos, estan usados desde el css, pero los necesito para darle el fomato que quiero al site.. coimo hago para solucionar ese punto.. sin perder la parte grafica del site.. se entiende?? 4. Se usan medidas absolutas en los atributos HTML y en las hojas de estilo. si aunqeu use medidas absolutas, se ve bien en todas las resoluciones igual esta muy mal???, ya que en varios lugares las necesito por como diagrame la maquetacion... desde ya muchas gracia spor el tiempo y la atencion dedicada... El día 22/08/05, Santiago Flores [EMAIL PROTECTED] escribió: opa! buen laburo eh! buenisimo ojo esas tablas al santo pepe. El 22/08/05, accesible.com.ar http://accesible.com.ar [EMAIL PROTECTED] escribió: Vuelvo a contarles que nos dice nuestro robot, aunque todavía sigue en el taller de armado :) (Tiene apenas un ojo y una mano por lo tanto no completa su trabajo). Lo mejor 1. No se usan elementos anticuados. 2. La página parece tener un título correcto. 3. Hay una declaración del tipo de documento (DTD). 4. No se usan elementos como b, center o font para controlar la presentación de la página. 5. El código de las CSS es correcto. Se puede mejorar 1. Se usan varios atributos anticuados (atributos en desuso). 2. El código tiene algunos errores de validación. 3. Versión HTML 4.01 (¿por qué no Strict?). Lo peor 1. Se usan muchas tablas para controlar la presentación. 2. Ninguna tabla tiene celdas de encabezados. 3. Se usan muchos atributos para controlar la presentación de la página (por ej.: size, color o face). 4. Se usan medidas absolutas en los atributos HTML y en las hojas de estilo. 5. No se especifica el idioma principal. Espero que sirvan éstos datos que arroja la herramienta y me comenten al respecto para que a su vez nos ayuden a mejorarla. -- Saludos, Daniel Low www.accesible.com.ar http://www.accesible.com.ar [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Leandro Asrilevich CUNITO Publicidad Grafica / Web
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
Me permito un comentario: Es común (al menos, fue lo primero que se me ocurrió a mi), utilizar los divs como si fuesen tablas: hacer un div, con dos o tres div dentro... etc. En realidad hay que usarlos para darle identidad a cada elemento que formará la página, no para ubicar en si los elementos, y una vez que tienes el documento con todos los elementos definidos, en la hoja de estilo le especificas las propiedades, colores, fondos, tamaños, ubicación, etc. Es verdad que hay cosas que se solucionan metiendo divs dentro de otros, pero no hay que caer en la trampa de empezar a encadenarlos como si fuesen tablas. El Martes, 23 de Agosto de 2005 14:10, Rgs escribió: Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
acavo de ver la pagina de osde... es cierto es lo mismo, pido perdon si a alguien le pudo haber molestado, yo empese a trabajar en este proyecto hace rato, pero cuando entre ya estaba iniciado.. y la verdad nunca nadie me dijo nada de osde.. asiq eu pido disculpas, y ya me pongo a reformar El día 23/08/05, Soy RAuto [EMAIL PROTECTED] escribió: astrobola escribió: Me permito un comentario: Es común (al menos, fue lo primero que se me ocurrió a mi), utilizar los divs como si fuesen tablas: hacer un div, con dos o tres div dentro... etc. En realidad hay que usarlos para darle identidad a cada elemento que formará la página, no para ubicar en si los elementos, y una vez que tienes el documento con todos los elementos definidos, en la hoja de estilo le especificas las propiedades, colores, fondos, tamaños, ubicación, etc. Es verdad que hay cosas que se solucionan metiendo divs dentro de otros, pero no hay que caer en la trampa de empezar a encadenarlos como si fuesen tablas. El Martes, 23 de Agosto de 2005 14:10, Rgs escribió: Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo No quise decirlo en el post anterior pero bueno, estas tomando demasiadas cosas de http://www.osde.com.ar, esta bien inspirarse en otros sitios, yo también lo hago, pero tomar elementos y no cambiarles nada ya es demasiado, hablo de botones e iconos. -- *RE | sgw* Soluciones Gráficas Web Rauto --- Blog Blonk! http://estudiore.com.ar/blonk --- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Leandro Asrilevich CUNITO Publicidad Grafica / Web Multimedia Developer 011-1559274278 03442-15558223 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
Esta bien mirar codigo ajeno :) http://www.csszengarden.com/zengarden-sample.html http://glish.com/css/ Por ejemplo, los menús de los costados, no los haces con una tabla, sino que los haces con un div (y seguro que se pueden hacer sin ninguno, pero bueno, ya llegaremos a guru!), luego, a uno de ellos le pones el id menu1, y le especificas que estará en tal posición (en el css), al otro le pones id menu2, y también le indicas su posición, características, etc (lo maquetas, que le llaman los que saben). Al hacerlo en el css, mañana podes decidir que el menu1 pase al sitio del menu2 y viceversa, o convertir una lista de botones que tenes en linea vertical, en una lista horizontal debajo del título, por ejemplo, sin ni siquiera tocar el código de la página. A veces, esos objetos (lso divs), queres que tengan cierta estructura interior, y ahi puede caber poner otros divs dentro. Personalmente, la mayoria de las veces que hago eso, despues me doy cuenta que podia hacerlo directamente dandole estilo a los propios elementos (p, img, a, etc), otras veces no, y ahi quedan los divs anidados. El Martes, 23 de Agosto de 2005 14:27, Leandro Asrilevich escribió: justamente por eso es que pregunto como soluciono... si no hay que usar tablas... y tampoco es bueno meter divs, dentro de mas divs... como lo puedo hacer? El día 23/08/05, astrobola [EMAIL PROTECTED] escribió: Me permito un comentario: Es común (al menos, fue lo primero que se me ocurrió a mi), utilizar los divs como si fuesen tablas: hacer un div, con dos o tres div dentro... etc. En realidad hay que usarlos para darle identidad a cada elemento que formará la página, no para ubicar en si los elementos, y una vez que tienes el documento con todos los elementos definidos, en la hoja de estilo le especificas las propiedades, colores, fondos, tamaños, ubicación, etc. Es verdad que hay cosas que se solucionan metiendo divs dentro de otros, pero no hay que caer en la trampa de empezar a encadenarlos como si fuesen tablas. El Martes, 23 de Agosto de 2005 14:10, Rgs escribió: Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
justamente por eso es que pregunto como soluciono... si no hay que usar tablas... y tampoco es bueno meter divs, dentro de mas divs... como lo puedo hacer? El día 23/08/05, astrobola [EMAIL PROTECTED] escribió: Me permito un comentario: Es común (al menos, fue lo primero que se me ocurrió a mi), utilizar los divs como si fuesen tablas: hacer un div, con dos o tres div dentro... etc. En realidad hay que usarlos para darle identidad a cada elemento que formará la página, no para ubicar en si los elementos, y una vez que tienes el documento con todos los elementos definidos, en la hoja de estilo le especificas las propiedades, colores, fondos, tamaños, ubicación, etc. Es verdad que hay cosas que se solucionan metiendo divs dentro de otros, pero no hay que caer en la trampa de empezar a encadenarlos como si fuesen tablas. El Martes, 23 de Agosto de 2005 14:10, Rgs escribió: Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Leandro Asrilevich CUNITO Publicidad Grafica / Web Multimedia Developer 011-1559274278 03442-15558223 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
¡huy, duro ahi che! La verdad, si vas a copiar algo de una página, ¡que no sea de una con 20 millones de usuarios!!! :) El Martes, 23 de Agosto de 2005 14:32, Soy RAuto escribió: No quise decirlo en el post anterior pero bueno, estas tomando demasiadas cosas de http://www.osde.com.ar, esta bien inspirarse en otros sitios, yo también lo hago, pero tomar elementos y no cambiarles nada ya es demasiado, hablo de botones e iconos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
si es cierto que esta muy mal... lo acepto totalmente... pero entiendan que yo no lo hice... yo hagarrel el site ya empesado, recien empesado, pero empesado al fin y al cabo, la estructura estaba armada y nunca supe de la existencia de osde... El día 23/08/05, astrobola [EMAIL PROTECTED] escribió: ¡huy, duro ahi che! La verdad, si vas a copiar algo de una página, ¡que no sea de una con 20 millones de usuarios!!! :) El Martes, 23 de Agosto de 2005 14:32, Soy RAuto escribió: No quise decirlo en el post anterior pero bueno, estas tomando demasiadas cosas de http://www.osde.com.ar, esta bien inspirarse en otros sitios, yo también lo hago, pero tomar elementos y no cambiarles nada ya es demasiado, hablo de botones e iconos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Leandro Asrilevich CUNITO Publicidad Grafica / Web Multimedia Developer 011-1559274278 03442-15558223 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
No te mortifiques. Lo bueno es que te lo digan aca y no te lo diga un cliente! El Martes, 23 de Agosto de 2005 14:51, Leandro Asrilevich escribió: si es cierto que esta muy mal... lo acepto totalmente... pero entiendan que yo no lo hice... yo hagarrel el site ya empesado, recien empesado, pero empesado al fin y al cabo, la estructura estaba armada y nunca supe de la existencia de osde... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
si desde... ahora me toy cagando a puteadas, con los que me pasaron el proyecto... la PM. y ya toy photoshopeando armando interface nueva. que aprovechando que empese ausar divs, supongo saldra algo mucho mejor... despues lo subo a ver que opinan. El día 23/08/05, astrobola [EMAIL PROTECTED] escribió: No te mortifiques. Lo bueno es que te lo digan aca y no te lo diga un cliente! El Martes, 23 de Agosto de 2005 14:51, Leandro Asrilevich escribió: si es cierto que esta muy mal... lo acepto totalmente... pero entiendan que yo no lo hice... yo hagarrel el site ya empesado, recien empesado, pero empesado al fin y al cabo, la estructura estaba armada y nunca supe de la existencia de osde... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Leandro Asrilevich CUNITO Publicidad Grafica / Web Multimedia Developer 011-1559274278 03442-15558223 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
astrobola escribió: Me permito un comentario: Es común (al menos, fue lo primero que se me ocurrió a mi), utilizar los divs como si fuesen tablas: hacer un div, con dos o tres div dentro... etc. En realidad hay que usarlos para darle identidad a cada elemento que formará la página, no para ubicar en si los elementos, y una vez que tienes el documento con todos los elementos definidos, en la hoja de estilo le especificas las propiedades, colores, fondos, tamaños, ubicación, etc. Es verdad que hay cosas que se solucionan metiendo divs dentro de otros, pero no hay que caer en la trampa de empezar a encadenarlos como si fuesen tablas. El Martes, 23 de Agosto de 2005 14:10, Rgs escribió: Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo No quise decirlo en el post anterior pero bueno, estas tomando demasiadas cosas de http://www.osde.com.ar, esta bien inspirarse en otros sitios, yo también lo hago, pero tomar elementos y no cambiarles nada ya es demasiado, hablo de botones e iconos. -- *RE | sgw* Soluciones Gráficas Web Rauto --- Blog Blonk! http://estudiore.com.ar/blonk --- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] reforme todo.. vuelvo a pedir criticas sobreCostadelRio.com.ar
Cuando digo abordar individualmente, no me refiero a hacer de todo un div (div de inDIVidual?), hablo de separar lo que son los elementos estructurales de los semánticos; por ejemplo, considero correcto darle a un UL o a un P un padding 0, ya que estos elementos generan un padding ellos mismos Lo mejor que puedes hacer, Leandro, es empezar a mirarte los repositorios de webs semanticas (cssbeauty, cssvault, w3csites, csszengarden), y comenzar a repasarte las webs de ejemplo. Con la extensión webdeveloper del firefox puedes editar el css, y así verás como funcionan las distancias cortas. Suerte -y cambia al menos los colores de aquello que copies, socio- ;-) astrobola escribió: Me permito un comentario: Es común (al menos, fue lo primero que se me ocurrió a mi), utilizar los divs como si fuesen tablas: hacer un div, con dos o tres div dentro... etc. En realidad hay que usarlos para darle identidad a cada elemento que formará la página, no para ubicar en si los elementos, y una vez que tienes el documento con todos los elementos definidos, en la hoja de estilo le especificas las propiedades, colores, fondos, tamaños, ubicación, etc. Es verdad que hay cosas que se solucionan metiendo divs dentro de otros, pero no hay que caer en la trampa de empezar a encadenarlos como si fuesen tablas. El Martes, 23 de Agosto de 2005 14:10, Rgs escribió: Mi consejo es que vayas paso a paso, una vez que hayas dividido tu site general en divisiones de caracter estructural -tus queridos divs-, aborda individualmente cada uno esos elementos, posicionando y dando estilo a sus elementos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
