Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > -- > ?? Ignacio Ricci > www.ignacioricci.com > > -- > > Message: 12 > Date: Wed, 05 Nov 2008 19:37:08 +0100 > From: stripTM <[EMAIL PROTECTED]> > Subject: Re: [Ovillo] Overflow de imágenes > To: "Ovillo, la lista de CSS en castellano" > Message-ID: <[EMAIL PROTECTED]> > Content-Type: text/plain; charset=UTF-8; format=flowed > > Xavier Araque A.|Rendergraf escribió: >> Saludos Tei. >> >> Iceweasel 2.0, el problema tambien se presenta en el navegador Epiphany >> 2.22.1.1 >> > Si los número de versión van sincronizados con Firefox esa es la versión > antigua. > Tienes > > > > > > > > > > En Firefox 2 se está haciendo un lío a la hora de saber cual es el > contenedor que da el ancho, ya que el elemento que flota (img) está > dentro de elementos en bloque (y en este caso tienes 3 por encima). > Lo más fácil es que quites el float al img y se lo pongas al li que es > el que realmente quieres que se pegue a la derecha del anterior. > > -- > Saludos -=stripTM=- > > > > -- > > Message: 13 > Date: Wed, 5 Nov 2008 21:37:15 +0100 > From: Emmanuelle Gutiérrez y Restrepo <[EMAIL PROTECTED]> > Subject: Re: [Ovillo] Lista de Accesibilidad > To: "'Ovillo, la lista de CSS en castellano'" > > Message-ID: <[EMAIL PROTECTED]> > Content-Type: text/plain; charset="iso-8859-1" > > Hola Rafa, > > Apúntate a ACCESOWEB, que es la lista de la comunidad iberoamericana de > desarrolladores, diseñadores y usuarios interesados en la Accesibilidad: > http://www.sidar.org/que/acces/ > > Saludos, > Emmanuelle > > -Mensaje original- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] > En nombre de Rafa Artacho > Enviado el: miércoles, 05 de noviembre de 2008 16:37 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Lista de Accesibilidad > > Buenas tardes: > > Debo acometer un proyecto de accesibilidad y me gustaría que me > recomendáseis un foro dedicado a ello para plantear una serie de dudas. > > Muchas gracias > ___ > 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://lists.ovillo.org/mailman/listinfo/ovillo > > > > -- > > Message: 14 > Date: Wed, 5 Nov 2008 17:12:39 -0500 > From: "Victor Hugo Arias Valencia" <[EMAIL PROTECTED]> > Subject: Re: [Ovillo] Lista de Accesibilidad > To: "Ovillo, la lista de CSS en castellano" > Message-ID: > <[EMAIL PROTECTED]> > Content-Type: text/plain; charset=ISO-8859-1 > > Hola, te recomiendo Usarte[1], una muy buena comunidad! > > [1] http://usarte.ning.com > > PD: Si se utilizan asi los enlaces?, y por cierto que nombre recibe esto?, > gracias y que pena por desvariar... > > El 5 de noviembre de 2008 15:37, Emmanuelle Gutiérrez y Restrepo < > [EMAIL PROTECTED]> escribió: > >> Hola Rafa, >> >> Apúntate a ACCESOWEB, que es la lista de la comunidad iberoamericana de >> desarrolladores, diseñadores y usuarios interesados en la Accesibilidad: >> http://www.sidar.org/que/acces/ >> >> Saludos, >> Emmanuelle >> >> -Mensaje original- >> De: [EMAIL PROTECTED] [mailto: >> [EMAIL PROTECTED] >> En nombre de Rafa Artacho >> Enviado el: miércoles, 05 de noviembre de 2008 16:37 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: [Ovillo] Lista de Accesibilidad >> >> Buenas tardes: >> >> Debo acometer un proyecto de accesibilidad y me gustaría que me >> recomendáseis un foro dedicado a ello para plantear una serie de dudas. >> >> Muchas gracias >> ___ >> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo >> > > > >
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
> te recomendaría que empezaras por un diseño de anchura fija en px > (oigo rugidos de algunos). > Imagino que te refieres a diseños líquidos, ¿no? Puede ser una opción, aunque en ese caso, yo suelo preferir el ancho en porcentaje (pero claro, es más difícil saber cómo quedará todo en distintas resoluciones). Por cierto, aunque las pautas no digan nada de este tipo de diseños, para la gente que tiene problemas visuales (como es mi caso) los diseños elásticos son una auténtica pesadilla. En cuanto amplías un poco la letra enseguida se salen de la pantalla y tienes que hacer scroll horizontal una y otra vez para poder leer el contenido. Con suerte cabe el ancho del contenido en la pantalla (si no amplías mucho) y "sólo" te quedas sin la navegación hasta que haces scroll. Y si además estás usando un magnificador de pantalla ya ni te cuento, por un lado tienes el "scroll" propio del magnificador y por otro el de la página... Una gozada, vamos. En definitiva, que si lo que se quiere es accesibilidad *real*, para mí lo mejor son los diseños líquidos, y eso sí, claro, bien hechos para que no se solapen las cosas. Un saludín, Ramón. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
El truco es tener un elemento dentro de otro: .xxx tendría una imagen ancha con una esquina redondeada (de fondo, claro). .xxx div tendría una imagen más estrecha con LA OTRA esquina redondeada (y sin transparencia... No sé si eso te sirve) Un ejemplo: http://www.imm.cnm.csic.es/RedBiosensores/ Saludos, Ignacio Gros > Envíe los mensajes para la lista Ovillo a > ovillo@lists.ovillo.org > > Para subscribirse o anular su subscripción a través de la WEB > http://lists.ovillo.org/mailman/listinfo/ovillo > > O por correo electrónico, enviando un mensaje con el texto "help" en > el asunto (subject) o en el cuerpo a: > [EMAIL PROTECTED] > > Puede contactar con el responsable de la lista escribiendo a: > [EMAIL PROTECTED] > > Si responde a algún contenido de este mensaje, por favor, edite la > linea del asunto (subject) para que el texto sea mas especifico que: > "Re: Contents of Ovillo digest...". Además, por favor, incluya en la > respuesta sólo aquellas partes del mensaje a las que está > respondiendo. > > > Asuntos del día: > >1. Esquina redondeada y bordes superior e izquierdo con sombra > (Jorge) >2. Re: Esquina redondeada y bordes superior e izquierdo con > sombra ( Ramon Vilar Gavaldà ) >3. Re: Esquina redondeada y bordes superior e izquierdo > consombra (Jorge) >4. Re: Esquina redondeada y bordes superior e izquierdo > consombra ( Jinglero - Pedro Federico García ) >5. Re: Esquina redondeada y bordes superior e izquierdo > consombra (Daniel Navarro) >6. Re: Esquina redondeada y bordes superior e izquierdo > consombra (Alejandro Jorge) > > > -- > > Message: 1 > Date: Mon, 3 Nov 2008 20:36:44 - > From: "Jorge" <[EMAIL PROTECTED]> > Subject: [Ovillo] Esquina redondeada y bordes superior e izquierdo con > sombra > To: "Ovillo, la lista de CSS en castellano" > Message-ID: <[EMAIL PROTECTED]> > Content-Type: text/plain; format=flowed; charset="iso-8859-1"; > reply-type=original > > Hola lista, > > estoy maquetando una página, que lleva un diseño elástico (se expande > horizontal y verticalmente segun tamaño de la fuente) y debe ser accesible > y > semanticamente correcta ya que es para una Administracion Publica y se > obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que > tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos > bordes superior e izquierdo lleva una sombra, además de la propia esquina. > > Podeis ver una imagen de lo que pretendo hacer en la dirección: > http://mbrown.iespana.es/img/maqueta.jpg > > Mi pregunta es si alguien puede decirme cuál es el mejor método para > implementar ese diseño para que lo más accesible y semántico posible. > > Gracias de antemano, > > Jorge > > > > -- > > Message: 2 > Date: Mon, 3 Nov 2008 22:48:36 +0100 > From: " Ramon Vilar Gavaldà " <[EMAIL PROTECTED]> > Subject: Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo > con sombra > To: "Ovillo, la lista de CSS en castellano" > Message-ID: > <[EMAIL PROTECTED]> > Content-Type: text/plain; charset=ISO-8859-1 > > Buenas > La URL que passas no es correcta. Le faltan permisos al directorio > para poder visualizarse. > > Ramon > > > > 2008/11/3 Jorge <[EMAIL PROTECTED]>: >> Hola lista, >> >> estoy maquetando una página, que lleva un diseño elástico (se expande >> horizontal y verticalmente segun tamaño de la fuente) y debe ser >> accesible y >> semanticamente correcta ya que es para una Administracion Publica y se >> obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que >> tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) >> cuyos >> bordes superior e izquierdo lleva una sombra, además de la propia >> esquina. >> >> Podeis ver una imagen de lo que pretendo hacer en la dirección: >> http://mbrown.iespana.es/img/maqueta.jpg >> >> Mi pregunta es si alguien puede decirme cuál es el mejor método para >> implementar ese diseño para que lo más accesible y semántico posible. >> >> Gracias de antemano, >> >> Jorge >> >> ___ >> 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://lists.ovillo.org/mailman/listinfo/ovillo >
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Hola Daniel, ... A mí también me dio error la primera vez que intenté acceder al enlace, pero ahora parece funcionar sin problemas. no sé que problemas hay con el servidor, o si solo se permite el acceso desde España, que lo dudo, pero yo desde mi casa y desde mi trabajo puedo acceder sin problemas. Espero que no vuelva a pasar. ... Si tienes claro que quieres este tipo de diseño, adelante. Pero si estás empezando en el mundillo del diseño web no lo sé), te recomendaría que empezaras por un diseño de anchura fija en px (oigo rugidos de algunos). Trabajo en una Administracion Publica donde se nos exije que las paginas webs cumplan con los pautas de accesibilidad (minimo AA). Hasta ahora todos los diseños que he hecho son elasticos (p.ej. http://portal.grancanaria.com/portal/home.bib [en pruebas aun]. El inconveniente de este diseño es que como pongas una resolucion menor aparece el scroll horizontal). ... Las versiones más modernas de los principales navegadores están incorporando zoom completo de página en vez de zoom de texto. Por lo tanto, un diseño fijo con px es cada vez menos traumático. Tengo que pensar en todo el mundo, los que tienen IE5, Safari, Firefox, Lynx, ... ...Te recuerdo que sólo puedes usar un background-image para cada elemento (x)html. Para que el diseño pueda redimensionarse horizontalmente, se necesitan, al menos, dos imágenes de fondo. Una de ellas tiene que ser lo suficientemente grande como para que la otra se "deslice" sobre ella ocultándola (técnica de las puertas correderas). ¿A que elemento le aplico la imagen de fondo que va a hacer de puerta corredera? Esta claro que el borde izqdo junto con la esquina se lo aplico al div "CONTENIDO" pero para conseguir el borde superior no tengo ningun elemento al que aplicarle la imagen de fondo. ¿como hago? ... Nota: Para las sombras usa un programa de diseño gráfico en condiciones, que te incluya este efecto. La imagen que propones parece hecha con el Paint. Esta hecha con Photoshop. Muchas gracias por tu respuesta y ayuda. Jorge> Date: Tue, 4 Nov 2008 01:22:22 +0100> From: [EMAIL PROTECTED]> To: ovillo@lists.ovillo.org> Subject: Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra> > Hola Jorge:> > A mí también me dio error la primera vez que intenté acceder al enlace, pero> ahora parece funcionar sin problemas.> > [...] que lleva un diseño elástico (se expande horizontal y verticalmente> segun tamaño de la fuente)> > Si tienes claro que quieres este tipo de diseño, adelante. Pero si estás> empezando en el mundillo del diseño web (no lo sé), te recomendaría que> empezaras por un diseño de anchura fija en px (oigo rugidos de algunos).> > Las versiones más modernas de los principales navegadores están incorporando> zoom completo de página en vez de zoom de texto. Por lo tanto, un diseño> fijo con px es cada vez menos traumático.> > De todas formas, posteriormente es muy sencillo convertir un diseño de> tamaño fijo en uno elástico.> > [...]debe ser accesible y semanticamente correcta [..]. La cuestión es que> tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos> bordes superior e izquierdo lleva una sombra, además de la propia esquina.> > Esas esquinas no contienen ningún valor semántico sino que son de adorno.> Por lo tanto, OJO, no la incluyas en el documento mediante el elemento> , sino como imágenes de fondo con la propiedad CSS *background* o *> background-image*.> > Te recuerdo que sólo puedes usar un background-image para cada elemento> (x)html. Para que el diseño pueda redimensionarse horizontalmente, se> necesitan, al menos, dos imágenes de fondo. Una de ellas tiene que ser lo> suficientemente grande como para que la otra se "deslice" sobre ella> ocultándola (técnica de las puertas correderas).> > Nota: Para las sombras usa un programa de diseño gráfico en condiciones, que> te incluya este efecto. La imagen que propones parece hecha con el Paint.> > > Saludos.> ___> 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://lists.ovillo.org/mailman/listinfo/ovillo _ El otoño llega cargado de novedades http://events.es.msn.com/noticias/vuelta-al-cole ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Hola Jorge: A mí también me dio error la primera vez que intenté acceder al enlace, pero ahora parece funcionar sin problemas. [...] que lleva un diseño elástico (se expande horizontal y verticalmente segun tamaño de la fuente) Si tienes claro que quieres este tipo de diseño, adelante. Pero si estás empezando en el mundillo del diseño web (no lo sé), te recomendaría que empezaras por un diseño de anchura fija en px (oigo rugidos de algunos). Las versiones más modernas de los principales navegadores están incorporando zoom completo de página en vez de zoom de texto. Por lo tanto, un diseño fijo con px es cada vez menos traumático. De todas formas, posteriormente es muy sencillo convertir un diseño de tamaño fijo en uno elástico. [...]debe ser accesible y semanticamente correcta [..]. La cuestión es que tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos bordes superior e izquierdo lleva una sombra, además de la propia esquina. Esas esquinas no contienen ningún valor semántico sino que son de adorno. Por lo tanto, OJO, no la incluyas en el documento mediante el elemento , sino como imágenes de fondo con la propiedad CSS *background* o * background-image*. Te recuerdo que sólo puedes usar un background-image para cada elemento (x)html. Para que el diseño pueda redimensionarse horizontalmente, se necesitan, al menos, dos imágenes de fondo. Una de ellas tiene que ser lo suficientemente grande como para que la otra se "deslice" sobre ella ocultándola (técnica de las puertas correderas). Nota: Para las sombras usa un programa de diseño gráfico en condiciones, que te incluya este efecto. La imagen que propones parece hecha con el Paint. Saludos. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Yo tampoco la veo... Forbidden > > You don't have permission to access /img/maqueta.jpg on this server. > Salutes El 3 de noviembre de 2008 19:34, Jorge <[EMAIL PROTECTED]> escribió: > Hola Ramón, > > no es correcta la url http://mbrown.iespana.es/img/maqueta.jpg ? > > indico la ruta completa a la imagen que pretendo que veais. > > Yo diria que todo el mundo puede verla, corrijanme si me equivoco. > > Jorge > > - Mensaje original - > De: "Ramon Vilar Gavaldà" <[EMAIL PROTECTED]> > Para: "Ovillo, la lista de CSS en castellano" > Enviado: lunes, 03 de noviembre de 2008 21:48 > Asunto: Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo > consombra > > > Buenas > La URL que passas no es correcta. Le faltan permisos al directorio > para poder visualizarse. > > Ramon > > > > 2008/11/3 Jorge <[EMAIL PROTECTED]>: > > Hola lista, > > > > estoy maquetando una página, que lleva un diseño elástico (se expande > > horizontal y verticalmente segun tamaño de la fuente) y debe ser > accesible > > y > > semanticamente correcta ya que es para una Administracion Publica y se > > obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que > > tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) > cuyos > > bordes superior e izquierdo lleva una sombra, además de la propia > esquina. > > > > Podeis ver una imagen de lo que pretendo hacer en la dirección: > > http://mbrown.iespana.es/img/maqueta.jpg > > > > Mi pregunta es si alguien puede decirme cuál es el mejor método para > > implementar ese diseño para que lo más accesible y semántico posible. > > > > Gracias de antemano, > > > > Jorge > > > > ___ > > 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://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > Ramon Vilar Gavaldà - http://ramonvilar.facil.cat > Membre de FÀCIL - http://www.facil.cat > Membre de l'esplai SESA - http://www.esplaisesa.org > ___ > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo > -- Jinglero - Pedro Federico Garcia MSN: [EMAIL PROTECTED] www.jinglero.com.ar www.doxma.com www.leedor.com ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Hola Ramón, no es correcta la url http://mbrown.iespana.es/img/maqueta.jpg ? indico la ruta completa a la imagen que pretendo que veais. Yo diria que todo el mundo puede verla, corrijanme si me equivoco. Jorge - Mensaje original - De: "Ramon Vilar Gavaldà" <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: lunes, 03 de noviembre de 2008 21:48 Asunto: Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra Buenas La URL que passas no es correcta. Le faltan permisos al directorio para poder visualizarse. Ramon 2008/11/3 Jorge <[EMAIL PROTECTED]>: > Hola lista, > > estoy maquetando una página, que lleva un diseño elástico (se expande > horizontal y verticalmente segun tamaño de la fuente) y debe ser accesible > y > semanticamente correcta ya que es para una Administracion Publica y se > obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que > tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos > bordes superior e izquierdo lleva una sombra, además de la propia esquina. > > Podeis ver una imagen de lo que pretendo hacer en la dirección: > http://mbrown.iespana.es/img/maqueta.jpg > > Mi pregunta es si alguien puede decirme cuál es el mejor método para > implementar ese diseño para que lo más accesible y semántico posible. > > Gracias de antemano, > > Jorge > > ___ > 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://lists.ovillo.org/mailman/listinfo/ovillo > -- Ramon Vilar Gavaldà - http://ramonvilar.facil.cat Membre de FÀCIL - http://www.facil.cat Membre de l'esplai SESA - http://www.esplaisesa.org ___ 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
