Re: [Ovillo] web responsive
Hola, prueba quitar el overflow: auto; o cambiarlo a overflow: hidden; en el #container. Saludos, Tamara 2012/11/12 marcos méndez filesi mmfil...@gmail.com ¿tienes algún otro min-width en las CSS? El 12 de noviembre de 2012 13:01, german vaquer germ...@telefonica.netescribió: Hola marcos! Lo he cambiado y sigue mal gracias. Saludos: Germán -Mensaje original- From: marcos méndez filesi Sent: Monday, November 12, 2012 12:45 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] web responsive Prueba a quitar esto, por favor min-width: 460px; de #contenido bs++ El 12 de noviembre de 2012 12:42, german vaquer germ...@telefonica.netescribió: Hola a todos! Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos móviles, en cuanto a tablets no tengo tanto problema. He estado revisando las css de mi web, y la verdad, es que no sé donde esta el problema, seguramente será una chorrada, pero estoy tan espeso que no vería ni un elefante aunque lo tuviese delante. la web es: http://www.pruebasgerman.com/companyo/index.html Saludos: germán vaquer ___ 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 -- Marcos Méndez Filesi http://www.mmfilesi.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 ___ 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 -- Marcos Méndez Filesi http://www.mmfilesi.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 ___ 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] duda responsive design
Hola Marcos, una pregunta, porque utilizas este metodo? *2)* En vez de meta name=viewport content=width=device-width mejor así meta name=viewport content=width=device-width, initial-scale=1, user-scalable=yes Cual es la diferencia y que aporta? Muchas gracias de antemano, Tamara ___ 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] duda responsive design
Hola Marcos, gracias por la respuesta. Pregunto porque estoy trabajando en hacer responsive un sitio web muy simple, y hacendo pruebas con distintos dispositivos móviles he encontrado unos cuantos problemas con iPads y iPhones (no de ultima generación). El problema es que si en mi código utilizo: meta name=viewport content=width=device-width Entonces el sitio web se ve correctamente en posición portrait pero al girarlos en el landscape se queda con el mismo diseño simplemente un poco mas grande. Algo que no pasa con el mismo navegador en dispositivos que llevan Android. He probado a utilizar: meta name=viewport content=width=device-width, initial-scale=1 Con este código en posición landscape se me aplican correctamente los estilos. Poniendo el iPad (o iPhone) en portait lo estilos escalan bien, pero al volver a ponerlo en modo landscape los estilos se aplican correctamente pero es necesario hacer un zoom para que la pagina se quede correctamente. En este articulo explican el problema: http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug No he probado utilizar user-scalable=yes, pero si no me equivoco es el comportamiento por defecto. Por eso me pregunto por que incluirlo? Ademas he leído que utilizar initial-scale=1 no es buena practica, por eso lo han quitado desde la ultima versión de html5boilerplate ( http://html5boilerplate.com/). Al final he optado por simplemente indicar que la pagina es apta para distintos tamaños: meta name=viewport content=width=device-width Saluldos, Tamara 2012/10/24 marcos méndez filesi mmfil...@gmail.com Hola Tamara, con user-scalable permites que el usuario pueda ampliar o reducir la pantalla. Puede tomar los valores no o yes; con initial le decimos que empiece mostrando las cosas en escala 1/1 (respecto a la resolución del móvil). +info http://revolucion.mobi/2012/02/14/mostrar-sitios-para-moviles-en-escala-correcta/ http://tableless.com.br/manipulando-metatag-viewport/ http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/ Abrazos. El 24 de octubre de 2012 09:04, Tamara Forza tamara.fo...@gmail.com escribió: Hola Marcos, una pregunta, porque utilizas este metodo? *2)* En vez de meta name=viewport content=width=device-width mejor así meta name=viewport content=width=device-width, initial-scale=1, user-scalable=yes Cual es la diferencia y que aporta? Muchas gracias de antemano, Tamara ___ 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] Ico en .png
Hola, si te maneja bien con el ingles en este articulo explican que son los sprites, como manejarlos y que herramientas disponibles hay hoy en día: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css-sprite-sheets-best-practices-tools-and-helpful-applications/ Espero te sirva, Saludos, Tamara 2012/9/18 marcos méndez filesi mmfil...@gmail.com Hola, no sé si he entendido bien. Eso se suele hacer para los rollovers, por lo que preparas una imagen por cada uno. Para que te hagas una idea, te envío dos imágenes de rollover de un foro PHPBB es. abrazos El día 18 de septiembre de 2012 10:29, Carlos Núñez cha...@gmail.com escribió: Buenas, veréis estoy formandome con el css, he visto que de una imagen que contiene otras mas pequeñas es posiblea traves de CSS posicionarla y solo mostrar la que te interesa. Ahora bien, cuando tienes varias decenas de imagenes/iconos, se sigue este procedimiento o de una imagen .png donde estan todos en diferentes tamaños, te los recortas tu ? Cual es el procedimiento que se sigue habitualmente? Gracias por adelantado -- Carlos Núñez ___ 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 -- Marcos Méndez Filesi http://www.mmfilesi.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 ___ 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] Porque utilizar ocultación en los menús [era: Formas de ocultación]
Buenas, una contestación rápida también :) Si una persona es ciega no no puede ver una imagen... y si no pones por lo menos algo de texto en el alt o aun mejor una descripción más detallada en el longdesc (si es un gráfico o parecido) para que un lector de pantalla le pueda contar a esta persona que representa la imagen, para un ciego esta imagen no tiene ningún valor ni significado y a lo mejor si que es importante para el contexto de tu web, articulo o donde se haya utilizado. Añadiendo estos atributos no molestas a las persona no discapacitada (ya que no se ven), sino solo mejoras la experiencia de las que si lo son (y utilizan lectores de pantalla para leer tu pagina web). Y eso es solo un ejemplo de muchos ... Espero haber ayudado un poco. Saludos, Tamara 2011/7/13 Martin Etxauri t...@eragin.com Te contesto rápido yo también :) ¿La idea de la acessibilidad cual es? ¿dar opción y contenido alternativo a la gente con discapacidad o no poner cosas que una mayoría puede experimentar porque no lo pueden ver unos pocos? porque entre estas dos ideas hay un abismo, peligroso por cierto y además nada real. Y si las imágenes tienen todos los mecanismos que tienen para hacerlas accesibles es por algo, que los tienen. ¿o en pro a una accesibilidad vamos a hacer todas las webs en texto plano? no, no lo hacemos ni lo vamos a hacer, lo que vamos a hacer es ofrecer alternativas, eso si. Porque en realidad me has contestado rápido pero no a la pregunta de porque una imagen no es contenido y un texto si, solo me has contestado a que un texto es mas fácil de hacer accesible en un momento dado. El 13/07/2011, a las 10:49, Neftalí Guerrero (Nesta) escribió: te contesto rápido: PERSONAS CON DISCAPACIDAD, colores, tamaño, profundidad lectores para ciegos El 13 de julio de 2011 10:39, Martin Etxauri t...@eragin.com escribió: Uhm aquí es donde entra otro debate que es ¿porque el texto es contenido y una imagen presentación? ¿porque una imagen no puede ser contenido, aunque estemos hablando de un menú? La frase una imagen vale mas que mil palabras en cierto sentido es palabrería pero en otro es realidad, porque un icono bien hecho habría que sustituirlo por una frase bastante larga para comunicar todo lo que comunica. Es cierto que un invidente total o parcial no puede ver la imagen, y es cierto que queremos webs accesibles, pero para eso está el alt, el title, incluso la descripción. Aquí es donde creo que está esa manía de la que hablaba, porque el texto es contenido y no lo es la imagen (a no ser que sea una foto), porque cuando hablamos de separar una de la otra automáticamente las imágenes se quedan del lado de la presentación y el texto del lado del contenido, máxime en esta sociedad donde un alto porcentaje de contenido que recibimos a diario es en formato imagen. Que la imagen también tenga un lado estético que el texto no tiene no quiere decir que no pueda ser contenido por si mismo ¿no? es mas una imagen puede tener mucho, mucho contenido en su interior porque tiene muchas capas de interpretación. No podemos decir que el nombre de la empresa en texto plano sustituye al logo de la empresa y sigue teniendo el mismo contenido y comunicando lo mismo porque no es así, y si alguien me dice que un logo se diferencia de el nombre de la empresa solo en presentación y estética que mande una ambulancia hacía aquí ;D Me pongo pelma, lo siento :) Por cierto, un navegador textual sustituye las imágenes por sus alt y todo funciona perfectamente. saludos El 13/07/2011, a las 10:01, Enrique Rodríguez escribió: No creo, bajo mi punto de vista, que se trata de una manía, sino que, por suerte, esta práctica se ha llegado a estandarizar de tal manera, que la tratamos como una convención a la hora de maquetar. El motivo no es otro que la separación entre contenido y presentación, nada más. Aunque en un primer momento podamos pensar que las imágenes con sus respectivos textos alternativos estén bien implementadas, así es, pero el contenido no queda totalmente separado de la presentación, por lo que un usuario con un navegador textual, podría tener problemas, corregidme si me equivoco. Un abrazo compañeros y compañeras. -- Enrique Rodríguez http://ervdesign.net http://conjeturas.es El miércoles 13 de julio de 2011 a las 09:56, Martin Etxauri escribió: Aupa a todos Aprovecho para sacar a la palestra un mini debate que alguna vez creo que ya hemos tenido, pero otra vez jeje respecto a esto que decía Martín: Muchas veces al utilizar menus, donde los enlaces se reemplazan por imagenes con sprites: ¿Que tiene de malo estructurar esos menús con img con su alt correspondiente? Creo que hay una especie de fiebre (el primero yo) de componer los html en texto puro, sin usar imágenes (salvo sin son contenido, claro), por alguna extraña razón que no acabo
Re: [Ovillo] OT: Invitación a agregarnos a Google+ (Disculpas a los de la lista por tanto OffTopic seguido)
Hola, me asumo a la iniciativa, ya os he añadido a algunos :) Mi perfil es: https://plus.google.com/112413142598834473561/posts Saludos, Tamara 2011/7/12 Reactivo Química Visual conta...@reactivo.es Yo he utilizado esto, no es de Google si no un redireccionador externo pero está muy bien: http://gplus.to/ El 12 de julio de 2011 12:55, Miguel Angel mik_...@hotmail.com escribió: Hola buenas como hago para personlizar la url de google + 1? Un saludo! From: conta...@reactivo.es Date: Tue, 12 Jul 2011 12:50:11 +0200 To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] OT: Invitación a agregarnos a Google+ (Disculpas a los de la lista por tanto OffTopic seguido) Me parece buena idea, mi perfil está en: http://gplus.to/reactivo El 12 de julio de 2011 08:41, nicolas carrera nikol...@yahoo.com escribió: POr favor me podrian añadir , Nicolas carrera peña De: Miquel Ramon Ortega i Tido len...@gmail.com Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Enviado: lunes 11 de julio de 2011 22:37 Asunto: Re: [Ovillo] OT: Invitación a agregarnos a Google+ (Disculpas a los de la lista por tanto OffTopic seguido) Tambien me pueden añafir a mi, Miquel Ramon Ortega Tido Un saludo. El 11/07/2011 20:30, Leonel Silva lsi...@gmail.com escribió: *Peticiones de Google+ a mi cuenta personal lsi...@gmail.com por favor* No enbasuremos la lista con esto que nos van a vetar o algo y además incomodamos a los demás. 2011/7/11 Omar Palomino oma...@gmail.com agreguenme tambien! https://plus.google.com/105078652189941197905/posts El 11 de julio de 2011 12:00, Cagatay Gurturk caga...@itusozluk.com escribió: aqui esta mi perfil: https://plus.google.com/102744655026243596641/posts?fd=1 me pueden agregar y ademas puedo enviar las invitaciones si me pasan los correos. saludos. -- Çağatay Gürtürk itusozluk.com - Kovan Yazılım Reklam Org. Tic. Ltd. Şti. Emektar Sk. No: 1 D: 6 Gümüşsuyu/İstanbul +90 530 204 96 03 +90 212 245 85 65 El 11/07/2011, a las 19:49, reynie...@gmail.com reynie...@gmail.com escribió: Me sumo los voy añadiendo, mi nombre completo es Reynier Perez Mira ;) igual si quieren añadirme por Facebook bienvenidos son Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/7/11 Ramon Lapenta ram...@gmail.com Me parece buena idea. Encontre 2 con tu nombre, no supe cual era, Yo soy Ramon Lapenta, y soy un oso polar, creo que esa combinación debe ser unica. Saludos On 07/11/2011 11:39 AM, Leonel Silva wrote: Aprovechando que Google+ no s permite compartir sólo ciertas cosas con grupos determinados de contactos, les invito a todos los que quieran a agregarnos en nuestros respectivos Google+ y que compartamos cosas cosas que no aplican a la lista y que la llenarían de OffTopics (tecnología, html5, css, intereses en común etc.) Lo ideal sería que nos colocáramos en (creáramos cada uno) un círculo Ovillo o Colegas web o como lo quieran llamar cada uno, y a través de él compartamos cosas sólo de tecnoilogía y web, estándares programación y cosas por el estilo. A mi me pueden agregar con confianza, me consiguen como Leonel Silva en la foto salgo con cara de aburrido y fondo negro y azul. Saludos, Leonel ___ 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 ___ 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 -- Omar Palomino diseñador publicitario ___ Lista
Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas
Hola, no lo he probado pero se me ocurren dos soluciones: - insertar un span en los enlaces (a hrefspanhoteles/span/a) y que el span define el color de fondo, así solucionas el problema de la anchura. - en mi opinión seria más correcto pintar el listado de tags con una lista (ullia href...hoteles/a/lili... ), además de este modo tienes dos elementos para definir los estilos a cada tag (el li y a), y pienso que con pocos cambios podrías obtener lo que necesitas. No se me ocurre una solución sin cambiar el código generado.. a lo mejor prueba definir los enlaces como inline-block y definir un margen derecho muy grande para que no se queden en la misma linea, pero esta solución no me gusta nada. Espero te ayude un poco. Saludos, Tamara 2011/6/15 Modesto Caballero aguasin...@gmail.com Hola chicas y chicos, Estoy intentando conseguir lo que aparece en esta imagen: http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png . Un listado de etiquetas dispuestas una encima de la otra, rodeadas de una etiqueta que se adapta a su anchura. El marcaje está formado por una serie de a a los que les aplico display:block para que reaccionen al margin y al padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. Os paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, pero es modificable si eso facilita la solución: http://jsfiddle.net/je5F2/ ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del recuadro se adapte a la del a y no ocupe todo el ancho? 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] Una buena idea
Hola, propongo que para todos los mails sobre la portal web de Ovillo (que se hacen aquí en la lista) añadimos al principio del asunto [OvilloWeb] [PortalWeb] [PortalOvillo] o lo que queráis así que la gente que no está interesada no tiene que leer los correos que se refieren solo a este nuevo proyecto que está en marcha. Saludos, Tamara 2010/1/18 Mario García mariogar1...@gmail.com Hola Yo no tengo demasiada experiencia en diseño, pero no me importaría probar y si os gusta, pues adelante. Lo único es que creo que sería bueno tener una línea a seguir para el logo, me refiero sobretodo a tamaño, colores, etc. Saludos, Mario. 2010/1/18 Nesta Guerrero Pancorbo nguerr...@emergya.es El Monday 18 January 2010 12:49:50 Ana Corral Corrales escribió: Hola a t...@s; Me prece una buena idea. Como veo que el tema maquetación, hosting, organización etc mas o menos lo teneis resuelto mi oferta se centra en el diseño del logo. Tengo bastante experiencia en ello y no tendría problema. También se me ocurre si hay mas gente interesada en organizar un concurso y votar el que mas nos guste. ___ 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 Por favor apuntad aqui todo, tanto nombre, como correo, como en los puntos de la idea del portal donde pone el logo pues apuntaros los que querrais hacer eso, así quitamos tantisimos correos en la lista http://docs.google.com/Doc?docid=0AYJyOQ6MBcR5YXQzMjNuajJwcG1fMTI5bm56aHNnYwhl=es Esto es importante realizarlo aqui. gracias a todos ___ 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 ___ 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] Una buena idea
Hola, aunque escribo poco estoy siguiendo la lista desde mucho tiempo :) Me parece una idea muy buena y pienso que podría resultar en un trabajo muy útil e interesante no solo para los Ovilleros ;) Pienso que utilizar un Wave sería lo más sensato para este tipo de proyecto y con tanta gente que quiere echar una mano. A mi me quedan una cuantas invitaciones para Wave si alguien quiere todavía (en privado por favor) :P Aunque no tenga mucho tiempo libre, puedo ayudar con la maquetación. Saludos, Tamara 2010/1/15 Marc Palau m...@palaueb.com Bueno, donde se coloque al final me parecerá bien, proponia lo del hosting porque curro en una empresa de ello y tendriamos más facilidades y mejor soporte que en MT o DH. Si trabajamos con un CMS solo habrá trabajo de CSS, cosa que es curioso viniendo de la lista de CSS :). Se podría realizar un primer tutorial o manual de cómo estilizar el propio site de ovillo. saludos! Marc En/na Jose Florido ha escrit: Yo soy el admin de Ovillo :) Me parece una buena idea. En el pasado se ha intentado algo similar pero no se llevo a cabo por falta de tiempo / implicacion de suficiente gente. No dispongo del tiempo suficiente para colaborar mucho, pero si que apoyare en lo posible la idea. El hosting que usamos para la lista y para www.ovillo.org apenas tiene soporte php y no tiene mysql (es un plan optimizado para mailman), asi que no creo que sirva. En cuanto a dominio podemos probar a tener un subdominio x.ovillo.org apuntando al hosting que finalmente utiliceis. Suerte :) 2010/1/15 Xavier Araque A.|Rendergraf xavierara...@gmail.com: Es buena idea +1 por cierto cree un canal en el IRC de ovillo para quienes quieran compartir ideas en línea. si no tienen cliente de IRC pueden usar el siguiente enlace == http://webchat.freenode.net/?channels=ovillo el canal lo he registrado pero no soy el dueño, la comunidad de Ovillo es dueño de él Suerte -- .Xavier Debe parecerles difícil...a los que han aceptado la autoridad como la verdad, en lugar de la verdad como autoridad. G. Massey, Egiptólogo Soluciones Linux. http://linuxtachira.org http://rendergraf.wordpress.com Telf.: +58 416 1027262 Linux counter: 292510 ___ 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 ___ 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] Dar efecto hover en botón en 3 imágen es
Hola, no escribo mucho a la lista aunque sigo todas la discusiones. En mi opinión José Antonio tiene razón, lo que se debería hacer es lo siguiente: a href=# class=boton-wrapper span class=boton-izda/span span class=botonEntrar/span span class=boton-dcha/span /a y definir para el span el display:block. Siempre que nos interese la accesibilidad del sitio web. Un saludo, Tamara 2009/9/8 Andrés gutiérrez andresgut...@gmail.com Los links si que pueden albergar bloques poniendo el display:block; El 8 de septiembre de 2009 16:40, Alvarez Laurnaga, Jose Antonio jalva...@softwareag.es escribió: No sólo es más complicado. El enlace es un elemento en línea y no puede albergar elementos de bloque (divs) El html de Rafa no validará -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Andrés gutiérrez Enviado el: martes, 08 de septiembre de 2009 16:21 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo]Dar efecto hover en botón en 3 imágenes Aunque es complicarse mucho para un boton, yo te propondría esto: a href=http://www.google.com; spangoogle/span /a a{display:block;background:url(path/a/tu/img-derecha.gif) no-repeat top left;padding:0 10px 0 0;} a span{display:block;background:url(path/a/tu/img-izquierda.gif ) no-repeat top left;padding:6px 10px 6px 0;} a:hover{display:block;background:url(path/a/tu/img-derecha_over.gif) no-repeat top left;padding:0 10px 0 0;} a:hover span{display:block;background:url(path/a/tu/img-izquierda_over.gif) no-repeat top left;padding:6px 10px 6px 0;} Como ves son 4 img 2 para estado normal y 2 para hover. El HTML que se genera es más sencillo. Tienes que tener en cuenta que las imagenes del span deben de ser muy largas (ej:250px) así puedes aplicar esto mismo a distintas palabras y el botón se adapta. Las imagenes del deben de ser en este caso de 10px de ancho El 8 de septiembre de 2009 16:10, Ignacio Ricci ignacio.ri...@gmail.comescribió: De nada 2009/9/8 Rafa Artacho teme...@gmail.com Muchas gracias, se ve perfecto. 2009/9/8 Ignacio Ricci ignacio.ri...@gmail.com a.boton-wrapper:hover .boton {}a.boton-wrapper:hover .boton-izda {} a.boton-wrapper:hover .boton-dcha {} 2009/9/8 Rafa Artacho teme...@gmail.com Buenas tardes: Me gustaría saber si existe alguna técnica para que teniendo un botón compuesto por 3 imágenes (izquierda, medio y derecha), se pueda aplicar el efecto hover al botón completo. Tal y como lo tengo ahora: .boton-wrapper{ float:right; margin-top:5px; } a.boton-wrapper { text-decoration:none; color:#FFF; } .boton{ background:#DC002E url(../img/pixel-medio.gif) repeat-x 0 0; height:16px; float:left; width:auto; padding:5px 10px; } .boton-izda{ background:#DC002E url(../img/izquierda.gif) no-repeat 0 0; height:26px; width:4px; float:left; } .boton-dcha{ background:#DC002E url(../img/derecha.gif) no-repeat 0 0; height:26px; width:4px; float:left; } .boton:hover{ background:#DC002E url(../img/pixel_medioHover.gif) repeat-x 0 0; } .boton-izda:hover{ background:#DC002E url(../img/izquierdaHover.gif) no-repeat 0 0; } .boton-dcha:hover{ background:#DC002E url(../img/derechaHover.gif) no-repeat 0 0; } a href=# class=boton-wrapper div class=boton-izda/div div class=botonEntrar/div div class=boton-dcha/div /a El hover se aplica a cada uno de los divs de manera individual, cambiándose de manera desigual el aspecto de botón. 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 -- ↓ Ignacio Ricci www.ignacioricci.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 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o
[Ovillo] Como eliminar el subrayado en una capa a modo tootip en FF
Buenos días, estoy con un problema que me está llevando ya mucho tiempo y no logro solucionarlo. Lo mejor os lo explico empezando por el código. Tengo lo siguiente: HTML: a href=http://www.google.com; class=cmContentLink target=_blank img height=50 width=60 alt=Imagen de ejemplo src=test.jpg span class=popupMsgEste enlace se abrirá en una ventana emergente./span /a CSS: a.cmContentLink { color: #666; text-decoration: none; padding: 0; position: relative; } a.cmContentLink:hover { text-decoration: underline; } a.cmContentLink img { margin: 0; } a.cmContentLink span.popupMsg { display: none; } a.cmContentLink:hover span.popupMsg { display: inline; position: absolute; top: 1px; left: 1px; width: 200px; border: 1px solid #666; background-color: #efefef; padding: 0.3em 0.5em 0.3em 0.5em; color: #333; font-size: 0.8em; text-decoration: none; } Al pasar con el ratón encima de la imagen/enlace (:hover) se muestra el span que contiene el mensaje (Este enlace se abrirá en una ventana emergente). El problema es que Firefox (esta vez no es IE), hereda (supongo) el subrayado del enlace en modo hover al span, o sea el texto dentro del span aparece subrayado (mientras yo no quiero este comportamiento). Si le quito al a:hover el subrayado, no me lo pinta en el span, pero no puedo hacerlo ya que es necesario (por tema de diseño, etc.). Se os ocurre alguna manera de eliminar este subrayado desde el span? Espero haberme explicado... Muchas gracias, Tamara ___ 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] Como eliminar el subrayado en una capa a modo tootip en FF
Hola Augustin, lo he probado pero no funciona :( Muchas gracias por contestar, Tamara 2008/11/16 Agustin Bouillet [EMAIL PROTECTED] Prueba con: text-decoration:none !important; Debería funcionar en Firefox. Saludos Agustín 2008/11/14 Tamara Forza [EMAIL PROTECTED]: Buenos días, estoy con un problema que me está llevando ya mucho tiempo y no logro solucionarlo. Lo mejor os lo explico empezando por el código. Tengo lo siguiente: HTML: a href=http://www.google.com; class=cmContentLink target=_blank img height=50 width=60 alt=Imagen de ejemplo src=test.jpg span class=popupMsgEste enlace se abrirá en una ventana emergente./span /a CSS: a.cmContentLink { color: #666; text-decoration: none; padding: 0; position: relative; } a.cmContentLink:hover { text-decoration: underline; } a.cmContentLink img { margin: 0; } a.cmContentLink span.popupMsg { display: none; } a.cmContentLink:hover span.popupMsg { display: inline; position: absolute; top: 1px; left: 1px; width: 200px; border: 1px solid #666; background-color: #efefef; padding: 0.3em 0.5em 0.3em 0.5em; color: #333; font-size: 0.8em; text-decoration: none; } Al pasar con el ratón encima de la imagen/enlace (:hover) se muestra el span que contiene el mensaje (Este enlace se abrirá en una ventana emergente). El problema es que Firefox (esta vez no es IE), hereda (supongo) el subrayado del enlace en modo hover al span, o sea el texto dentro del span aparece subrayado (mientras yo no quiero este comportamiento). Si le quito al a:hover el subrayado, no me lo pinta en el span, pero no puedo hacerlo ya que es necesario (por tema de diseño, etc.). Se os ocurre alguna manera de eliminar este subrayado desde el span? Espero haberme explicado... Muchas gracias, Tamara ___ 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 ___ 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] No me funciona el a.hover....
Hola, para definir el color de una fuente usa la propiedad color y no font-color. Por lo menos en css2 no existe, puede que este sea el problema. Comprueba que la ruta a la hoja de estilos externa sea correcta, o sea que puedas acceder a ella escribiendo la ruta en un navegador. Ejemplo: http://www.miSitioWeb.es/css/hojaExterna.css Espero te sea de ayuda. Salu2, Tamara 2008/10/23 sabdiel batista [EMAIL PROTECTED] Hola, lista... Tengo un problema con un menu de navegación horizontal, no logro cargarlo desde una hoja externa y no me funciona el a.hover, quiero cambiar el color de la fuente y el fondo, pero solo me cambia el fondo. También me da mala espina que no me funciona cuando lo intento carga desde una hoja de estilo externa... Acontinuación les pongo el códico completo como lo estoy probando, el css y el html juntos. style type=text/css #barraMenu, #barraMenu a.botonMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-color: #00; text-decoration: none;} #barraMenu {text-align: center; border-bottom:2px solid #CD1C1C; border-top:2px solid #CD1C1C; border-left:2px solid #CD1C1C; border-right:2px solid #CD1C1C;} #barraMenu a.botonMenu {background-color:#ff; border-left:1px solid #CD1C1C; border-right:1px solid #CD1C1C; border-bottom:2px solid #CD1C1C; border-top:2px solid #CD1C1C; font-color: #00; cursor: pointer; padding: 2px 2px 2px 2px; text-decoration: none;} #barraMenu a.botonMenu:hover {background-color: #CD1C1C; font-color: #ff;} #barraMenu a.botonMenu:active {background-color:#ff; font-color: #006699;} /style div id=barraMenudiv class=barraMenu a class=botonMenu href=#Opción 1/a a class=botonMenu href=#Opción 2/a a class=botonMenu href=#Opción 3/a a class=botonMenu href=#Opción 4/a a class=botonMenu href=#Opción 5/a a class=botonMenu href=#Opción 6/a a class=botonMenu href=#Opción 7/a a class=botonMenu href=#Opción 8/a /div/div ojalá que alguien pueda ayudarme. salu... Looking for insurance? Click to compare and save big. http://tagline.bidsystem.com/fc/Ioyw36XIfjluXHlBifxGu5wy8ha4N2qh653f8mu lkwWfbyhaRWhUJ8/http://tagline.bidsystem.com/fc/Ioyw36XIfjluXHlBifxGu5wy8ha4N2qh653f8mulkwWfbyhaRWhUJ8/ span id=m2wTlfont face=Arial, Helvetica, sans-serif size=2 style=font-size:13.5px___BREl mejor servicio de email de clase mundial ahora en México. a href= http://www.mail2world.com.mx target=newConóce Mail2World/a./font/span ___ 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] pixeles en IE y firefox
A no ser que te refieres al problema de renderizado de pixeles en los distintos navegadores como se explica en este artículo: http://franchu.net/2008/01/22/problemas-de-renderizado-sub-pixel-en-css/ Saludos, Tamara On Tue, Sep 16, 2008 at 1:21 PM, Carlos Marrero [EMAIL PROTECTED] wrote: Lo que planteas tiene mucho que ver con el modelo de caja [1] y su solución [2]. saludos, carlos Box Model [1] http://www.sidar.org/recur/desdi/traduc/es/css/box.html Box Model Hack [2] http://www.torresburriel.com/box-model-hack.html 2008/9/16 armando [EMAIL PROTECTED] hola a [EMAIL PROTECTED], estoy seguro q no soy el unico q se ha enfrentado alguna vez a la diferente forma de interpretacion de las posiciones de IE y Firefox; incluso aplicando la misma posicion y margenes (en px) de un div, ambos navegadores lo interpretan de forma distinta, descuadrando muchas veces el conjunto de la pagina; a ver si alguien sabe como solucionar esta circunstancia de modo efectivo, gracias por vuestra atencion. ___ 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 ___ 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] [OT] Google Chrome
Acabo de recibir este enlace, muy interesante y divertido. http://www.google.com/googlebooks/chrome Un saludo, Tamara ___ 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] CSS a:hover que no sé hacer funcionar
Hola Javier, lo que tienes que hacer es asignar la clase resaltada al enlace y no al elemento strong. Ej. a href=tienda.html class=resaltadaTiestrongn/strongda/a Saludos, Tamara ___ 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] CSS a:hover que no sé hacer funcionar
Hola Javier, Si asigno la clase al enlace me cambia el estilo de todo el texto, solo quiero cambiar el estilo de esa letra en concreto. Perdona, no lo había entendido. Entonces prueba con el mismo código que te indiqué antes pero con estos estilos: a.resaltada:hover strong { text-decoration:none; } No lo he probado pero pienso que debería funcionar. Saludos, Tamara ___ 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] CSS a:hover que no sé hacer funcionar
Hola, No tira... lo he dejado tal que así: .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong { text-decoration:none; color:#C90; } Con los class en strong pero no funciona, al pasar el ratón no aplica el estilo... Si te fijas, lo que estás haciendo en la segunda definición de tu CSS es asignar el color al contenido de un strong dentro de un enlace de clase resaltada. Mientra en el código no has definido ningún enlace de esta clase. Para no confundirnos más, prueba ponerle la misma clase a los enlaces y elementos strong. Ej. a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a y los sigiuentes estilos: a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } Ya me dirás si así te vale o no. Un saludo, Tamara ___ 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] CSS a:hover que no sé hacer funcionar
Hola, con este código: a href=tienda.html class=resaltadaTiestrong class=resaltadan/strongda/a estilos 1 - haciendo el hover se intercambian los colores: a:link, a:visited, a:active { text-decoration:none; color:#C90; } a:hover { color:#666; } .resaltada { color:#666; text-decoration:underline; } a.resaltada:hover strong.resaltada { text-decoration:none; color:#C90; } estilos 2 - haciendo el hover se cambia sólo el color del strong: /* añade esta linea a los estilos anteriores*/ a.resaltada:hover { color:#C90; } Un saludo, Tamara ___ 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] [OT] Lista JS-Ovillo
Hola, ya existen listas en español para temas de Javascript: http://lists.scriptia.net/listinfo.cgi Saludos, Tamara 2008/6/4 Rodrigo Álvarez Virgós [EMAIL PROTECTED]: Hola, Ovillo Perdón por el OT, pero el motivo de este mensaje es precisamente reducir el ruido en esta lista con temas que no tengan que ver con CSS. Visto el más o menos éxito de PHP-Ovillo, también he creado JS-Ovillo, para tratar temas relacionados con JavaScript: http://groups.google.com/group/js-ovillo Un saludo ___ 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] Evitar background-color en las imágenes
Hola, la mejor solución sería definir una clase distinta a los enlaces que tengan imágenes, siempre si es posible. En el caso contrario... me encontré hace tiempo con este problema y no logré solucionarlo del todo. El problema es que no se pueden definir estilos distinto al elementos dependiendo de lo que contienen... yo al final tuve que usar otros efectos para el hover (ej. el típico underline). La única manera de que no se vea el color de fondo del hover es que la imagen no tenga transparencias y que el enlace no deje espacios (padding por ejemplo) alrededor de la imagen. Es fácil decirlo, pero yo no logré implementarlo :( No sé si te he ayudado o no... espero haber entendido bien tu problema. Salu2 Tamara ___ 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] Evitar background-color en las imágenes
Hola, Lo que pasa es que al hacer el hover sobre el enlace se aplican los dos estilos que has definido, para el enlace y imagen: a:hover { color: #D3E2E7; text-decoration: none; background-color:#FF3366; } a:hover img { background-color: transparent !important; } Pero no funciona, pero lo curioso del tema es que el background- color que se ve en el hover no corresponde a las img, sino más bien a una franja mucho más pequeña. Esto es lo que me ocurría a mi :S Se me mostraba parte del color hover del enlace, una pequeña franja abajo o a la derecha de la imagen (dependiendo del navegador). La única manera que encontré de solucionarlo era de ponerle un display:block al enlace: a { display: block; /* los demás estilos */ } pero por supuesto esto no me valía para los enlaces que estaban embebidos dentro de algún texto ya que al ser un block se van a la línea siguiente. Por tanto pienso que no hay solución que valga para enlaces de tipo texto y de tipo imagen. Lo mejor sería poner una clase distinta a los enlaces (si se puede). Ejemplo: a:hover.texto { background-color: #FF3366; } a:hover.imagen { background-color: transparent; } Un saludo, Tamara ___ 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] CMS sin base de datos
Hola Jaume, una pregunta: como piensas almacenar y después mostrar tus artículos sin usar una base de datos? Si quieres aprender a usar PHP para hacer páginas dinámicas en lugar de páginas estáticas usando solo HTML, yo te sugiero que vayas aprendiendo también a usar una base de datos. No sé, por lo menos yo no veo otra manera más sencilla y eficaz a su vez. Y no conozco ningún gestor de contenidos que no use una base de datos... Un saludo, Tamara 2008/3/5 jaume op [EMAIL PROTECTED]: Saludos y buenos días a la lista. Como algunos ya me conoceis, siguo peleandome con PHP. No, no creo sea OT. He probado varios gestores de conenidos y bueno los retoco esteticamente mas que nada y bueno pues algo saco. Mi problema es que los que he probado (drupal, wordpress, joombla) todos usan base de datos. Me gustaria probar alguno que solo utilice Php, lo cual creo me ayudaria mucho en la comprensión de este. A parte de que podría acomodarlo a mi gusto mas en profundidad. Por ello y como siempre se que vuestras recomendaciones serán de lo mas oportunas. Todo ello viene por que quiero montar ( a titulo personal) un semiblog que puede manejar comprendiendo lo que hago. Si quereis revisarlo esta quí http://apuntesdexhtmlycss.freehostia.com. http://apuntesdexhtmlycss.freehostia.com/ a) No trata de ser un manual b) Los textos están sacados de un manual de un curso que hice hace tiempo (luego me entere que era de dominio público en la red) c) Lo que hay es lo aquí voy aprendiendo 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] Problemas con heigth 100%
Hola, una idea sería definir un height-min, dependiendo de lo que necesites... por ejemplo para IE: .contenidos { height: 20em; } para FF: .contenidos { min-height: 20em; height: auto; } De esta manera defines un height mínimo, y si hay más contenidos el contenedor no se queda a la altura definida sino se hace más alto. Espero soluciones tu problema. Saludos, Tamara 2008/1/29 Yubén [EMAIL PROTECTED]: Buenas a todos Tengo el siguiente conflicto, tengo varios div, todos con un alto fijo y uno de ellos quiero que se adapte con height al 100% a resto de la ventana del navegador: Para que se entienda bien pongo un ejemplo: Cabecera: 100px de alto Menu: 50px de alto Contendios: alto del resto de la ventana¡, lo intento conseguir con el heigth al 100% Pie: 150px alto El motivo para querer hacer esto es que la capa pie, quiero que este siempre pegada en la parte de abajo de la ventana, aunque el contenido no sea el suficiente para que esto ocurra. Inicialmente tenia un problema que me ignoraba el heigth de la capa contenidos, al final lo solucione poniendo heigth al 100% también al body. el problema que tengo ahora vine por lo siguiente: Todo funciona bien si no fuera porque la capa contenidos coje el 100% que tiene body, sin restar lo que ya han cogido las capas con alto fijo, con lo que se me genera un scroll vertical en la pagina, sin ser necesario. Alguien se a encontrado con este problema, agradecería una ayuda un saludo yubé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 ___ 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] [OT] Tablas de paises, provincias y poblaciones
Hola, hice un búsqueda en Google y encontré este artículo: http://www.tecnorantes.com/2006/04/26/base-de-datos-de-codigos-postales/ Lo más interesante son los comentarios, donde se pueden encontrar varios enlaces sobre el tema, algunos parecen ser bastante útiles pero no les he mirado detalladamente. Espero que te sea de ayuda. Un saludo, Tamara On Jan 28, 2008 6:29 PM, Joseba [EMAIL PROTECTED] wrote: Alo! Pregunto x si suena la campana. Alguien sabe donde puedo conseguir tablas o listados con los países, provincias y poblaciones del mundo mundial o algo que se le aproxime? Es que picar todo eso como que lo veo monótono. 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
[Ovillo] Sub-pixel en CSS?
Hola, acabo de leer un artículo[1] sobre el problema de renderizado de sub-pixel en CSS y me ha parecido muy interesante, yo no sabía nada sobre el tema y pensé que a lo mejor a alguien le pueda interesar o aprender algo nuevo como yo :) [1] http://franchu.net/2008/01/22/problemas-de-renderizado-sub-pixel-en-css/ Un saludo, Tamara ___ 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] Sobre h1 y h2
Hola Eduardo, intenta a jugar un poco con los margin y padding de los dos elementos. Un saludo, Tamara On Jan 10, 2008 6:05 PM, Eduardo Ayllón [EMAIL PROTECTED] wrote: A lo mejor es una pregunta tonta pero no consigo resolverlo, tengo el h1 para el titulo de la seccion y el h2 justo debajo para el subtitulo de la seccion, y lo q me pasa es q me deja mucho espacio entre ambas, como puedo contolar el espacio entre esos dos elementos??? Muchas gracias Edu ___ 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] Aplicar estilo mediante Input SOLO a los radiobuttons
Hola, no soy una experta pero sin definir un class específico pienso que no se puede hacer lo que tu quieres... Lo mejor sería definirle un class al input (ejemplo class=radioButton), o si por algunas razones no puedes al menos anidarlo dentro de otro elemento (span, div, etc...) y asignarle a estos un class (ej. class=radioButtonContainer). No se me ocurre nada más... Un saludo, Tamara On Dec 3, 2007 1:40 PM, Daniel García Gómez [EMAIL PROTECTED] wrote: Hola a todos: Necesito aplicar un estilo a los radio buttons mediante la etiqueta input sin usar una clase. Lo que me ocurre es que lo que haga también afecta a los inputs y a los Checkbox. He estado buscando información sobre esto pero no encuentro nada y comienzo a pensar que no se puede. A ver si alguien me puede aclarar algo este tema. Un saludo Dani ___ 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] Problemas con el texto justificado y en cursiva
Hola Maribel, no sé el motivo por el cual pasa pero me ha tocado a mi también una vez (no me acuerdo exactamente en que web). Me recuerdo que lo había solucionado usando una propiedad css que solo IE reconoce: .elementoQueContieneTexto { word-wrap: break-word; } El problema surge a la hora de validar :S A lo mejor habría otra manera de solucionarlo... yo por los menos no logré encontrarla :( Un saludo, Tamara On Nov 22, 2007 5:26 PM, Maribel Carbajales [EMAIL PROTECTED] wrote: Hola lista! Tengo una plantilla con dos columnas, dos div que flotan, uno de ellos con texto justificado (petición expresa del cliente). El problema surge cuando dentro del div justificado introduzco una frase en cursiva (italic). Si la frase se parte en dos líneas la página se desmonta en el explorer y el div de la derecha se coloca debajo del otro. Esto sólo me pasa en el Explorer. Si quito la cursiva la página se muestra correctamente. ¿Sabeis por qué me pasa esto? ¿Cómo lo puedo solucionar?. Saludos Este sería el código del ejemplo: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; lang=gl head titlePrueba/title meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / style type=text/css !-- body { margin: 0 auto; padding: 0; } #contenido { width: 500px; margin: 0 auto; } .izquierda { width: 300px; text-align: justify; float: left; } .derecha { width: 180px; margin: 0 0 0 20px; text-align: left; float: right; } em { font-style: italic; color: #cc; } -- /style /head body div id=contenido div class=izquierda pLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. emUt wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat/em. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat.../p /div div class=derecha pMa quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.../p /div /div /body /html ___ 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] sin interlineado en la primera línea
No se si he entendido muy bien lo que quieres hacer... pero siempre le puedes aplicar una clase distinta al primer LI. Ejemplo: ul class=listado li class=primerElementonombre1/li linombre2/li linombre3/li linombre4/li /ul Espero te sirva. Un saludo, Tamara On 10/29/07, Javier Prieto [EMAIL PROTECTED] wrote: Yo lo haria quitando el interlineado y dándole margin-bottom a los LI No sé. asi vale? [EMAIL PROTECTED] escribió: Hola gente... a ver esta... tengo una lista (ul...li...) ya sabéis... bien.. le aplico un Line height de 1.8 em... y ahora viene lo divertido... ¿cómo puedo evitar que este line height afecte a la primera línea y me la separe del borde superior del div donde está metida..? ejemplo: tengo algo así... - nombre1 - nombre2 - nombre3 - nombre4 pues lo que necesito es q la parte superior de nombre1 quede pegadita al borde del div donde va metida la lista... y q el interlineado afecte sólo a la parte inferior de cada línea... ¿se puede hacer? mil 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 ___ 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] Bug 3 PX en IE6
Hola Belen, prueba flotar a la izquierda también la caja: .iconos .principal { float:left; } Si no se ve bien en FF prueba definirle también un width. Espero te sirva. Un saludo, Tamara On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote: Hola Inmaculada: El margin y el padding estan a 0, y si las floto a la izquierda las 3, es raro, pero en FF se ve mal!! Sale cada una por un lado... Tal vez sea que debería distribuir las capas de otra forma para que de paso , también pudieran crecer verticalmente si hay más texto.. Muchas gracias por responder!! Saludos El 25/09/07, Inmaculada Hidalgo Berni [EMAIL PROTECTED] escribió: Hola Belén, Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las capas a la izquierda y poner el padding y el margin a 0 en las tres capas. Venga, ánimo, no desesperes. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Belen Zumalacarregui Enviado el: martes, 25 de septiembre de 2007 17:22 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Bug 3 PX en IE6 Hola a todos, se que es una tontería pero debe ser que ya la cabeza no me da para más y me he bloqueado. Mi problema son los 3 pixeles dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo, he mirado todos los posts que hay de The IE6 Three Pixel Text-Jog pero no me termina de cuadrar. El caso es que tengo que conseguir una caja, a base de 3 divs, uno con la imagen de fondo del borde redondeado izq, otro con una img de fondo que se repita en y según el ancho del texto,y otra con el borde derecho. El código sería: div class=iconos div class=top_iconos/divborde izq div class=bottom_iconos/div--borde derecho div class=principal/div---texto /div Y los estilos los he puesto así: #central .iconos .top_iconos{ background: url(../images/admin_izq.gif) no-repeat left top; height: 287px; width: 27px; float:left; font-size:1px; } #central .iconos .principal{ background: url(../images/bg_admin.gif) repeat-x left top; height: 287px; float:none; } #central .iconos .bottom_iconos{ background: url(../images/admin_dch.gif) no-repeat left top; height: 287px; width: 28px; float:right; font-size:1px; } ¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros 3 por la izq? 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 __ NOD32 2353 (20070625) Information __ This message was checked by NOD32 antivirus system. http://www.eset.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 ___ 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] Bug 3 PX en IE6
Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun width debería ajustarse al contenido... de todas forma no lo he probado. Un saludo! On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote: Hola Tamara: También había probado ponerle un width pero si lo hago, y cambio la resolución de pantalla a una menor, se desmorona al caja, y pretendo que se mantenga uniforme independientemente de la resolución... Muchas gracias de todas formas!! El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió: Hola Belen, prueba flotar a la izquierda también la caja: .iconos .principal { float:left; } Si no se ve bien en FF prueba definirle también un width. Espero te sirva. Un saludo, Tamara On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote: Hola Inmaculada: El margin y el padding estan a 0, y si las floto a la izquierda las 3, es raro, pero en FF se ve mal!! Sale cada una por un lado... Tal vez sea que debería distribuir las capas de otra forma para que de paso , también pudieran crecer verticalmente si hay más texto.. Muchas gracias por responder!! Saludos El 25/09/07, Inmaculada Hidalgo Berni [EMAIL PROTECTED] escribió: Hola Belén, Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las capas a la izquierda y poner el padding y el margin a 0 en las tres capas. Venga, ánimo, no desesperes. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Belen Zumalacarregui Enviado el: martes, 25 de septiembre de 2007 17:22 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Bug 3 PX en IE6 Hola a todos, se que es una tontería pero debe ser que ya la cabeza no me da para más y me he bloqueado. Mi problema son los 3 pixeles dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo, he mirado todos los posts que hay de The IE6 Three Pixel Text-Jog pero no me termina de cuadrar. El caso es que tengo que conseguir una caja, a base de 3 divs, uno con la imagen de fondo del borde redondeado izq, otro con una img de fondo que se repita en y según el ancho del texto,y otra con el borde derecho. El código sería: div class=iconos div class=top_iconos/divborde izq div class=bottom_iconos/div--borde derecho div class=principal/div---texto /div Y los estilos los he puesto así: #central .iconos .top_iconos{ background: url(../images/admin_izq.gif) no-repeat left top; height: 287px; width: 27px; float:left; font-size:1px; } #central .iconos .principal{ background: url(../images/bg_admin.gif) repeat-x left top; height: 287px; float:none; } #central .iconos .bottom_iconos{ background: url(../images/admin_dch.gif) no-repeat left top; height: 287px; width: 28px; float:right; font-size:1px; } ¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros 3 por la izq? 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 __ NOD32 2353 (20070625) Information __ This message was checked by NOD32 antivirus system. http://www.eset.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 ___ 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 ___ 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
Re: [Ovillo] Ayuda con posicionamiento de DIV
I poniendo la lista en un DIV? div id=container ul id=globalnav ... /ul /div div id=gallery... y asignarle al div: 1) para IE #container { height: 1%; } 2) para FF (y lo demás supongo) #container { overflow: hidden; } Pruebalo, espero te sea de ayuda. Un saludo, Tamara On 7/11/07, Reynier Perez Mira [EMAIL PROTECTED] wrote: Hola Carlos: Es cierto lo que me dices. No me valida pero no he encontrado otra forma de lograr lo que quiero. Si tienes alguna sugerencia bienvenida sea Reynier Pérez Mira Ingeniero en Ciencias Informáticas -Original Message- From: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] On Behalf Of carlos campderrós Sent: Wednesday, July 11, 2007 11:16 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Ayuda con posicionamiento de DIV On 7/11/07, Reynier Perez Mira [EMAIL PROTECTED] wrote: Bueno gallery no está flotada a ningún lado. Olvide ponerles el CSS: ** #gallery { height: 100%; background-color: #FF; } ** No obstante probé a ponerle el clear:both a globalnav y nada gallery se me queda por debajo de globalnav. prueba así: ul id='globalnav' /ul br class='clear' / div id='gallery'.../div css .clear { clear: both; } también revisa la sintaxi de las listas anidadas, en modo strict no validan (en transitional no sé). debería ser: ul limenu 1 ul lisubmenu 1.1/li /ul /li limenu 2/li /ul -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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 ___ 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] Vuestros libros de referencia css y xhtml
Hola, yo de verdad no uso ningún libro en particular, y excepto Google ;) consulto muy a menudo esta página: http://www.gotapi.com/ Saludos, Tamara On 6/8/07, Rafael García Lepper [EMAIL PROTECTED] wrote: Hola, En realidad yo también es google lo que más uso, pero voy a impartir un curso sobre el tema y querría tener ciertos libros de consulta en papel, y como hay tantos, y su precio medio es 40€, pues he preguntado a la lista para no arrepentirme después. Saludos Rafa On 6/8/07, Rafael García Lepper [EMAIL PROTECTED] wrote: Hola a todos, Podríais por favor decidme cuales son vuestros libros de referencia css y xhtml. Me refiero a aquellos que no paráis de usar para consultar y que cada día os alegráis más de haberlo comprado. lo que más consulto yo es un triptico de referencia de css: http://refcards.com/author/jungb y luego hay un libro de anaya llamado Cascading Style Sheets (en castellano) que me hizo ver claro el concepto de los floats i demás, pero realmente después de una primera lectura para tener conceptos, poco más lo uso. Acostumbro a usar google mucho más a menudo. ___ 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
[Ovillo] Netscape
Buenos días, hoy me interé que ha salido la nueva versión 9.0 de Netscape. Acabo de instalarlo y la verdad es que mola :) http://browser.netscape.com/ Salu2, Tamara ___ 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] que es Ajax? era: Diseño Líquido
Hola! En Wikipedia está bien explicado que es AJAX: http://es.wikipedia.org/wiki/AJAX Aunque se trate de programación y no tanto de maquetación, si a alguien le interesara aprender a usar esta nueva tecnología hay un curso gratis (pero en inglés) que está muy bien para empezar a usar AJAX. Os dejo el enlace. http://www.javapassion.com/ajaxcodecamp/ Saludos, Tamara On 4/7/07, laura [EMAIL PROTECTED] wrote: hola Maria On 4/7/07, Maria Fuertes [EMAIL PROTECTED] wrote: Lo de Ajax me confunde, he empezado a leer mil artículos pero al final está tan lleno de acrónimos y palabras que no entiendo que lo dejo, ¿algún artículo sencillo donde explique claramente lo que es? bueno, yo mas o menos entiendo que Ajax es la suma de varias tecnologias ya existentes, se usa javascript, html, css, ... pero uniendolas, no se como, se consigue q las paginas interactuen con el servidor, mostrando información al usuario antes que el la pida, por ejemplo, el correo de gmail se actualiza automaticamente sin que hayas de estar pendiente de hacerlo. Como te digo, yo no se usar o implementar Ajax, pero creo que no siempre es una buena idea usarlo, depende del proyecto, pq es un continuo ir y venir de datos que quiza no sirvan para nada y ocupen ancho. :) A ver si alguien nos ilustra un poco más :) ciao Laura ___ 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] Problema con layout en IE
Hola Salugral, muchas gracias! Has resuelto mi problema! :) Nunca antes había usado este atributo (word-wrap) y no sabía existiese. Añadiendo la linea que me has aconsejado la pagina se visualiza correctamente en IE también. Muchas gracias, Tamara On 2/26/07, Salugral Adriana Pazos García-Camino [EMAIL PROTECTED] wrote: Hola Tamara, puede ser por tener enlaces con la url tan larga, prueba a utilizar word-wrap: break-word; en el estilo del div de la parte derecha del contenido. (en styleie.css word-wrap: break-word; es propietario de ie). saludos. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] ]En nombre de Tamara Forza Enviado el: domingo, 25 de febrero de 2007 20:58 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Problema con layout en IE Hola a todos, hace mucho tiempo que estoy leyendo la lista y he aprendido mucho de todos vosotros :) Pero ahora tengo un problema que de momento no logro resolverlo y espero que me podáis ayudar. El problema es (como siempre) IE! El layout de la pagina web está hecho con divs, y la parte central del contenido está divida en dos columnas, la izquierda para el menú y la derecha para el contenido. Lo que pasa en IE es que cuando el contenido es más ancho de lo definido en el CSS se pone de bajo del menú y deja un espacio en el medio de la pagina. Si miráis la siguiente pagina (en IE) os quedará todo claro (la pagina está en inglés): http://www.best.eu.org/alumni/news.jsp El CSS es esto: http://www.best.eu.org/layout/public/style.css y algunas modificaciones para IE: http://www.best.eu.org/layout/public/styleie.css En Mozilla se ve sin ningún problema, por supuesto :) Yo he intentado solucionarlo de distintas manera. Primero haciendo un layout un poco más flexible porque la pagina estaba desarrollada para pantallas de 800x600. He puesto el width del div que contiene toda la pagina a un 80%, y después a todos los divs siguientes les asigné el width: 100% (excepto para el menú izquierdo). No ayudó. Intenté poner display: block o display:inline pare IE, como IE no reconoce todas las otras propiedades (table, table-cell, table-row, etc ..), pero tampoco funcionó. Hoy me encontré con este articulo (en inglés): http://alistapart.com/articles/multicolumnlayouts e intenté hacer lo mismo (pero poniendo el menú a la izquierda), y tampoco lo logré :( No tengo más ideas de como solucionarlo ... os agradecería cualquier consejo y ayuda! Saludos, Tamara ___ 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 ___ 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
[Ovillo] Problema con layout en IE
Hola a todos, hace mucho tiempo que estoy leyendo la lista y he aprendido mucho de todos vosotros :) Pero ahora tengo un problema que de momento no logro resolverlo y espero que me podáis ayudar. El problema es (como siempre) IE! El layout de la pagina web está hecho con divs, y la parte central del contenido está divida en dos columnas, la izquierda para el menú y la derecha para el contenido. Lo que pasa en IE es que cuando el contenido es más ancho de lo definido en el CSS se pone de bajo del menú y deja un espacio en el medio de la pagina. Si miráis la siguiente pagina (en IE) os quedará todo claro (la pagina está en inglés): http://www.best.eu.org/alumni/news.jsp El CSS es esto: http://www.best.eu.org/layout/public/style.css y algunas modificaciones para IE: http://www.best.eu.org/layout/public/styleie.css En Mozilla se ve sin ningún problema, por supuesto :) Yo he intentado solucionarlo de distintas manera. Primero haciendo un layout un poco más flexible porque la pagina estaba desarrollada para pantallas de 800x600. He puesto el width del div que contiene toda la pagina a un 80%, y después a todos los divs siguientes les asigné el width: 100% (excepto para el menú izquierdo). No ayudó. Intenté poner display: block o display:inline pare IE, como IE no reconoce todas las otras propiedades (table, table-cell, table-row, etc ..), pero tampoco funcionó. Hoy me encontré con este articulo (en inglés): http://alistapart.com/articles/multicolumnlayouts e intenté hacer lo mismo (pero poniendo el menú a la izquierda), y tampoco lo logré :( No tengo más ideas de como solucionarlo ... os agradecería cualquier consejo y ayuda! Saludos, Tamara ___ 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