Re: [Ovillo] Márgenes fantasmas
Aupa si entiendo lo que quieres decir, que haya menos espacio entre .author y .title (que por lo que veo no es un span, es un H3, ¿no?) sin saber exactamente porque se produce (a veces los comportamientos de elementos inline y/o en combinación con otros es un poco rara con los espacios), creo que lo arreglas poniéndole a .author display:block. saludos El 13/03/2013, a las 17:56, Marina Gallardo escribió: Buenas tardes a todos, No entiendo por qué me está pasando lo siguiente: veo que en algunos elementos se genera una especie de margen antes y después sin aplicársele nada. Para ser más concreta, podéis verlo en la sección Discos. El span.author y el span.title no tienen ningún margen ni padding, pero sin embargo me salen espacios de margen entre uno y otro. ¿Alguien sabe por qué ocurre esto? No sé si me estoy volviendo loca. http://www.comacoma.es/ardemagbeta/ 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] web responsive
Aupa Esto que te dice tamara te funcionará para que desaparezca el scroll pero además tienes que quitarle el hegith:100%; porque si no no te hará scroll, imagino para que lo tienes puesto así que sustituyelo por min-height:100%; saludos El 12/11/2012, a las 13:06, Tamara Forza escribió: 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 ___ 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
Aupa Para evitar este problema yo suelo usar display:inline-block en vez de float, y si les pones a los elementos vertical-align:top te quedan todos alineados arriba, y no sucede esto que pasa con los floats que se te meten en los huecos y se desarma todo. Si quieres utilizar floats tendrás que poner, como han comentado, igual altura a todos los elementos. Otra opción, si quieres que tengan todos la misma altura teniendo cada uno contenido de diferentes dimensiones y tienes claro que quieres que siempre haya tres elementos por fila, es utilizar un sistema de tablas generadas por css, esto es, a los elementos les pones display:table-cell y tienes que poner una div que recoja cada fila con display:table; de esta manera sea el contenido que sea todos quedarán de la misma altura... pero creo que esto no es lo que pedías :) saludos El 23/10/2012, a las 23:56, german vaquer escribió: Hola buenas! Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo para visualizar en cualquier dispositivo. El problema que tengo es en la siguiente página de dicha web: http://www.pruebasgerman.com/companyo/entorn.html Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me queden en la misma posición que las 3 primeras y las 3 de la parte central, el resto de imágenes se me salen de madre y se me descolocan y no sé el porqué, puesto que el código css es el mismo para todas las imágenes. Alguna sugerencia?, he repasado el código por si hubiese algo que me faltase, pero la verdad es que no he visto nada raro. y eso que le he dado bastantes vueltas. Gracias de antemano: 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 ___ 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] Ayuda position
hola yo haría lo siguiente: para simplificarlo le quitas a .img el position:relative, y se lo pones a #contenedor de esta manera al poner la capa de la imagen en position:absolute no te pondra la posición respecto a .img si no respecto a #contenedor, de manera que con poner a cualquier imagen top:0; left:0 ya estará en su sitio. lo que te pasa ahora es que al poner position:absolute, esa posición es relativa al primer padre que tiene algún tipo de posición, que es el .img porque tiene position:relative de manera que las medidas que le pones: left: -18px; y top: -8px; te las está haciendo a partir de la esquina superior de .img saludos El 14/10/2012, a las 19:09, marcos méndez filesi escribió: Todo esto sin javascript.--- lol, eso lo complica todo un poco : ( No sé bien cómo podría ser. Algunas ideas que seguro ya has probado: a) Pone una clase a las imágenes y el hover hazlo directamente sobre esa clase. No sé si me explico. b) Al hacer el hover, quítale el display inline-block, que sea un block c) Esto también podría funcionar, al menos una vez que sepamos cómo liberarlas del div aprisionador, :P transform:translate(10px, 20px); http://css3.bradshawenterprises.com/transforms/ Jo, lo siento, pero no se ocurre nada más de momento. Si se puede usar JavaScript la cosa cambia... El 14 de octubre de 2012 19:00, Carlos Núñez cha...@gmail.com escribió: Hola Marcos, lo que necesito es al hacer :hover :active que salga la imagen del cuadro de scroll. A priori bastaria con un absolute un top y un left pero no se porque no me sale del cuadro, no se si es por el scroll. Todo esto sin javascript. Un saludo El 14 de octubre de 2012 18:57, marcos méndez filesi mmfil...@gmail.comescribió: Una pregunta, ¿lo que necesitas es que al pulsar en una de esas miniaturas se muestre la foto respectiva en grande a la derecha, fuera del scroll? Por ejemplo, como sucede en esta página, arriba a la derecha, en Noticias, cuando pulsas en cada una de ellas? http://www.mmfilesi.com/zona_clientes/adeli/ o lo que necesitas es que dentro del scroll tengan un efecto chulo al hacer hover? El 14 de octubre de 2012 18:32, Carlos Núñez cha...@gmail.com escribió: Buenas, vereis, estoy haciendo unas pruebas y quizas porque llevo un rato y me he encabezonado pero no encuentro la manera de hacer que el :hover encima del elemento en la caja del scroll salga fuera, ahora mismo no caigo en el fallo. A ver si me podeis echar una mano. Por otro lado, queria preguntar, porque ahora lo estoy haciendo un poco cutre desde mi punto de vista. Al hacer :hover, pasa al div de arriba llamado #c2. Al hacer :active pasa al div de la izquierda llamado #c1. En cada uno con un pequeño incremento de tamaño pero eso es irrelevante. Entonces la pregunta es, es posiblle hacer muestre la imagen tal como he explicado antes, pero en el div centrado, sin hacer la trampa de las propiedades top, left? Aqui tengo el enlace: http://running4life.nixiweb.com/galeria/galeria.html Gracias -- 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 -- 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] Ico en .png
hola es una elección personal mas que nada según cuantas imágenes tengas las puedes agrupar en diferentes yo personalmente solo uso sprites (como se les llama a estas imágenes agrupadas) para los diferentes estados de un botón a mi me ha venido a la mente este artículo, que a pesar de ser de 2004 sigue bastante vigente, creo recordar, es en inglés eso si http://www.alistapart.com/articles/sprites/ El 18/09/2012, a las 10:29, Carlos Núñez 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 ___ 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] encadenamiento de classes
Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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] encadenamiento de classes
Aupa Pues el caso concreto para mi ha sido el tener un menú donde cada elemento lleva un fondo diferente para lo cual tenía un class diferente cada cual, aparte teníamos un sistema para que al estar en cada sección la propia sección tuviese class=activo de manera que cuando estas en una sección está marcado en el menú. Pero como en este caso cada sección ya tenía una clase específica para tener un fondo diferente resulta que en el activo también tenía que tener un fondo diferente. De manera que en vez de rehacer y poner una programación (que además no la hago yo) para que a cada elemento le pusiera class=activo_loquesea, mantenemos lo que ya teníamos, combinamos las dos class y ya está. De manera que si el elemento uno tiene class=uno cuando está activo tiene class=uno activo pero si le pongo un fondo a .activo el resto de elementos también lo cogerán, con lo cual le pongo el fondo a .uno.activo A parte se me ocurre que en la fabricación de un grid también puede ser interesante a la hora de reutilizar los diferentes class de los elementos. y bueno, si algo he aprendido en estos años de sacarle jugo a las css para conseguir diseño que me gusten es que siempre estas necesitando nuevos trucos para conseguir esto o aquello con la mayor economía de código y de trabajo, así que no me extrañaría que en breve lo use para algo mas :) saludos El 12/06/2012, a las 16:44, Carlos Núñez escribió: Hola Josué esto que comentas es lo normal pero no es lo que expone Martin. El anida dos clases, no id+clase como comentas. Saludos El 12 de junio de 2012 16:39, Josué Miro josuem...@gmail.com escribió: Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- 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 ___ 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 -- 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 ___ 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] encadenamiento de classes
Bueno, hay casos en los que utilizar un id puede no ser muy conveniente ;) El 12/06/2012, a las 17:54, Josué Miró escribió: Jaja pues mirándolo así... ahora entiendo tu pregunta. Utilidad utilidad... no se la veo la verdad, viene a ser los mismo que el #id.class ¿no? Un saludo El 12 de junio de 2012 16:44, Carlos Núñez cha...@gmail.com escribió: Hola Josué esto que comentas es lo normal pero no es lo que expone Martin. El anida dos clases, no id+clase como comentas. Saludos El 12 de junio de 2012 16:39, Josué Miro josuem...@gmail.com escribió: Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- 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 ___ 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 -- 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 ___ 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] encadenamiento de classes
hola Por otra parte, ¿qué diferencia tendría con respecto al habitual .class .class? la diferencia está en un espacio :) si pones .classA .classB es una elemento con classB que está dentro de uno con classA de modo que eso no le afecta al elemento que tiene classA si no al que tiene classB siempre que esté dentro de uno con classA: div class=classA div class=classBcontenido/div /div sin embargo si pones .classA.classB es un elemento que tiene los dos class: div class=classA classBcontenido/div 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] Herencias css
aupa si en los css en vez de poner .ilurebe pones #content img.ilurebe te funcionará la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan mucho ;) saludos El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió: Hola a todos! Estoy modificando una template wordpress y tengo un pequeño problema: Hay una img que hereda una regla de su div contenedor y no quiero que lo haga... he leido que el atributo !important hace que una regla en concreto anule la herencia venga de donde venga. Quiero cambiar el color del fondo de una imagen y no logro que funcione. No se que estoy haciendo mal, alguien puede echarme una mano? HTML: div id=content img class=ilurebe src=ilu2.png width=115 height=295 / /div CSS: #content img { background-color: #0C6; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .ilurebe { background-color: #ff; !important; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } (perdón por el formateo este cutre del dreamweaver) 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] Herencias css
un poco de documentación sobre el tema con algo de humor y una cheatsheet cachonda a la par que práctica: http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg un par de artículos (donde aparece la cheatsheet): http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html El 10/05/2012, a las 14:13, Martin Etxauri escribió: aupa si en los css en vez de poner .ilurebe pones #content img.ilurebe te funcionará la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan mucho ;) saludos El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió: Hola a todos! Estoy modificando una template wordpress y tengo un pequeño problema: Hay una img que hereda una regla de su div contenedor y no quiero que lo haga... he leido que el atributo !important hace que una regla en concreto anule la herencia venga de donde venga. Quiero cambiar el color del fondo de una imagen y no logro que funcione. No se que estoy haciendo mal, alguien puede echarme una mano? HTML: div id=content img class=ilurebe src=ilu2.png width=115 height=295 / /div CSS: #content img { background-color: #0C6; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .ilurebe { background-color: #ff; !important; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } (perdón por el formateo este cutre del dreamweaver) 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] problemillas con z-index
Se ve por encima porque tienes aplicado el position: relative; Aitx... perdón Me he equivocado, no es relative es absolute, la que debería estar abajo absolute y la otra fixed En cualquier caso, si no me equivoco, ese comportamiento no debería ser así ya fuera relative o absolute ¿no?, además pruebo esto mismo a pelo, poniendo solo los elementos necesarios y no me pasa... 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
Re: [Ovillo] problemillas con z-index
Me vais a perdonar Pero creyendo que había mirado mi code bien lo había mirado con el culo Si que había una capa padre del video player que tenía un z-index inferior al de el menú, de tal manera que ya le podía poner al player un z-index altísimo que no servía para nada. Ahora si las cosas en su sitio :) He probado a ponerle relative, por curiosidad, y si que respeta bien el orden. saludos y gracias y perdón ;) El 02/05/2012, a las 12:41, Marina Gallardo escribió: ¿Se te ha solucionado? 2012/5/2 Marina Gallardo marinagalla...@gmail.com Se ve por encima porque tienes aplicado el position: relative; Un saludo. 2012/5/2 Martin Etxauri t...@eragin.com Hola a todos A ver si alguien tiene algo de experiencia en esto. Tengo un player de video en html5 (video js para ser exactos) y me da un problema raro al ponerlo a pantalla completa: -El contenedor del vídeo a pantalla completa tiene un z-index:1001 y resulta que el menú que tiene z-index:5 se ve por encima. He comprobado y no es que alguna de las capas padre que contienen el player tenga un z-index menor que las que contienen el menú... el menú está en position:relative y el player en position:fixed que yo sepa esto no debería de pasar... ¿alguien tiene alguna idea? gracias a todos Martin ___ 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] Evitar que la imagen baje producto de la propiedad border
Aupa Creo que la manera mas sencilla es que le des a la imagen un border:-1px y así, por decirlo de algún modo, ese pixel de mas que le pones con el borde se lo quitas con este margen negativo y todo sigue igual. 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] Centrar elemento verticalmente en LI y pegar elemento despues de BR
Aupa Ahora no se muy bien a que te referías con pegar. En cualquier caso si es subirlas mas, ahora mismo veo que si le pones mas margen negativo sube. Si te refieres a pegarlas entre ellas ten en cuenta que tienes un padding en las li mediante .page-nav ul li así que aunque pongas !important esa declaración va a mandar sobre .first_img_li por su especificidad, así que si quieres anular ese padding de .page-nav ul li tendrías que ponerle todo eso delante de .first_img_li de manera que te quede .page-nav ul li.first_img_li saludos El 18/03/2012, a las 15:10, ReynierPM escribió: Voila, ya esta funcionando sin problema alguno, olvide cambiar un parametro referente a mi servidor de desarrollo On 3/16/2012 5:18 AM, Martin Etxauri wrote: aupa he ido a mirar la web y está como sin estilos, así que ahora mismo poco puedo ver:) -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.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] Centrar elemento verticalmente en LI y pegar elemento despues de BR
aupa he ido a mirar la web y está como sin estilos, así que ahora mismo poco puedo ver :) habría que ver que tienes dentro de que y que te impide subir mas las imágenes, que entiendo que es lo que quieres hacer ¿nop? saludos El 15/03/2012, a las 15:06, reynie...@gmail.com escribió: Hola Martin a funcionado a la perfeccion pero (casi siempre hay un pero) no logro pegar un poco los LI que contienen las imagenes. A cada uno de esos LI he asignado una clase .img_li y es alli precisamente donde he aplicado el margin negativo como me dices pero no logro pegarlos aun asi poniendo lo siguiente: .img_li { margin: -10px 1px 0 !important; } Alguna sugerencia en este sentido, a los demas que me respondieron muchas gracias por su tiempo y me ha servido de mucho sus respuestas pues he aprendido algo nuevo !!! =D Saludos Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com 2012/3/15 Martin Etxauri t...@eragin.com Si a los li le das un line-heigth de 5px en vez de 18px consigues que el texto de abajo se te pegue mas, y para subir las imágenes puedes ponerles a los img un margin-top negativo para mandarlas hacía arriba. ___ 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] Centrar elemento verticalmente en LI y pegar elemento despues de BR
aupa Si a los li le das un line-heigth de 5px en vez de 18px consigues que el texto de abajo se te pegue mas, y para subir las imágenes puedes ponerles a los img un margin-top negativo para mandarlas hacía arriba. saludos El 15/03/2012, a las 11:20, Felix Zapata escribió: hola, para temas de centrados verticales en ocasiones viene bien ésto http://www.jakpsatweb.cz/css/css-vertical-center-solution.html un saludo El 15 de marzo de 2012 11:18, Marina Gallardo marinagalla...@gmail.comescribió: El padding y el margen no hacen nada porque es un elemento inline, ¿has probado a hacer un display: inline-block? 2012/3/15 Josué Miro josuem...@gmail.com Por lo que veo, tu quieres alinear el menu, no? Has probado en utilizar float:left? Podrías poner los textos dentro de un span. Si le das un with al li, automaticamente se pondría debajo de la imágen, pruba de darle un margin top al span. Espero haber entendido tu consulta. Un saludo Enviado desde mi iPad El 14/03/2012, a las 23:58, reynie...@gmail.com reynie...@gmail.com escribió: Voy con dos en una: Tengo un elemento LI contenido dentro de un UL y necesito centrar verticalmente unas imagenes contenidas en algunos de ellos? Si aplico la propiedad vertical-align:middle no me funciona, alguna idea de como hacerlo? Y lo otro es que noten el texto debajo de los LI que esta separado por un BR como puedo pegar este texto un poco mas al texto? He probado con margin y con padding pero no me funciona. La web de prueba es la siguiente: http://testexam.webatu.com/ y debo lograr algo asi como lo que se ve en esta imagen: http://www.dropmocks.com/mBhNyo Saludos y gracias desde ya Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.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 -- Félix Zapata Berlinches Tanta Grupo Onetec C/ Julián Camarillo 26 1º Of. 2 - 28037 Madrid Tel.: 91.440.10.40 Móvil: 680 45 05 23 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.com Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias. The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you ___ 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] como centrar una imagen en un thumbnail para galería
Aupa Si, tienes razón, mi idea entre otras cosas era para ahorrar todo esto que dices, tanto de programación, de trabajo de quien sube las imágenes, como de recursos de servidor (que igual al final sale lo mismo el hecho de recortar la foto y todo eso comparándolo con que en los thumbnail se cargue la foto entera, no controlo mucho). Gracias El 22/10/2011, a las 04:17, José Galisteo escribió: Para mi lo mas sencillo y que además hacen hasta los mas grandes es hacer un crop en servidor, es decir, subes una imagen, en servidor la recorto por ejemplo a 50x50, la reduzco hasta que una de sus dimensions (ancho o alto) llegue a 50 y el resto lo corto, luego para maquetar no hay problema, además visualmente suele dar mejor resultado que tener la imagenes tal y como vengan. El 30 de septiembre de 2011 11:45, Martin Etxauri t...@eragin.com escribió: Hola a todos Vengo a mostraros algo a lo que he llegado dándole vueltas al asunto de los thumbnails y de como hacer para mostrar una parte de la imagen, pero que sea el centro, esto es, recortarla y que se vea el centro en vez de una esquina, además como la proporción de las imágenes es variable y algunas van en horizontal y otras en vertical no vale con ponerle un margen negativo X. He acabado en esto, que no se si es algo requetesabido o medio nuevo o que, y a ver que os parece. (pongo todos los estilos inline para que se vean, pero estarían fuera, claro, y aparte habría que apañar algo para el hover y todo el maqueo) li style=border: height:150px; width:150px; overflow:hidden; a style=display:block; width:350px; height:350px; margin:-100px; text-align:center; line-height:350px; img src=txo_rradak/2dscanerportrait.png height=222pxstyle=vertical-align:middle; / /a /li -El li recorta la imagen al tamaño de thumbnail que queremos. -Utilizamos el a para crear un espacio dentro del li mas grande que la imagen para poder centrarla en él, tanto horizontal como verticalmente y que así se muestre el centro. Y nos ahorramos añadir un div o span extra. -En el ejemplo, al ponerle un alto de 222px a la imagen, nos aseguramos de que tanto imágenes verticales como horizontales llenan los 150x150px del thumbnail (siempre que tengan una proporción de foto cercana a la estandar). Y así nos ahorramos tener que discriminar mediante programación si es horizontal o vertical. (En este caso las verticales se mostrarían algo mas pequeñas que las horizontales, pero si en vez de ponerle height:222px le ponemos width:222px sería al revés) -En este caso las medida están calculadas para que al poner una dimensión por css a todas las imágenes, ya sean verticales u horizontales, por un lado llenen el thumbnail y por otro sean mas pequeñas que el a para que se centren bien. A ver que os parece, si lo veis bien, ventajas-defectos... o simplemente si os viene bien para algo. Creo que si queremos hacer virguerías en el hover del a vamos a estar limitados, pero siempre se pueden hacer cosillas. Saludos a todos. Martin ___ 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 -- http://www.linkedin.com/in/josegalisteo http://jose.gr ___ 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] como centrar una imagen en un thumbnail para galería
Hola a todos Vengo a mostraros algo a lo que he llegado dándole vueltas al asunto de los thumbnails y de como hacer para mostrar una parte de la imagen, pero que sea el centro, esto es, recortarla y que se vea el centro en vez de una esquina, además como la proporción de las imágenes es variable y algunas van en horizontal y otras en vertical no vale con ponerle un margen negativo X. He acabado en esto, que no se si es algo requetesabido o medio nuevo o que, y a ver que os parece. (pongo todos los estilos inline para que se vean, pero estarían fuera, claro, y aparte habría que apañar algo para el hover y todo el maqueo) li style=border: height:150px; width:150px; overflow:hidden; a style=display:block; width:350px; height:350px; margin:-100px; text-align:center; line-height:350px; img src=txo_rradak/2dscanerportrait.png height=222pxstyle=vertical-align:middle; / /a /li -El li recorta la imagen al tamaño de thumbnail que queremos. -Utilizamos el a para crear un espacio dentro del li mas grande que la imagen para poder centrarla en él, tanto horizontal como verticalmente y que así se muestre el centro. Y nos ahorramos añadir un div o span extra. -En el ejemplo, al ponerle un alto de 222px a la imagen, nos aseguramos de que tanto imágenes verticales como horizontales llenan los 150x150px del thumbnail (siempre que tengan una proporción de foto cercana a la estandar). Y así nos ahorramos tener que discriminar mediante programación si es horizontal o vertical. (En este caso las verticales se mostrarían algo mas pequeñas que las horizontales, pero si en vez de ponerle height:222px le ponemos width:222px sería al revés) -En este caso las medida están calculadas para que al poner una dimensión por css a todas las imágenes, ya sean verticales u horizontales, por un lado llenen el thumbnail y por otro sean mas pequeñas que el a para que se centren bien. A ver que os parece, si lo veis bien, ventajas-defectos... o simplemente si os viene bien para algo. Creo que si queremos hacer virguerías en el hover del a vamos a estar limitados, pero siempre se pueden hacer cosillas. Saludos a todos. Martin ___ 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] Elemento con posición fija en una caja con margin 0 auto
aupa si le pones al padre position: relative la posición del elemento será en relación al padre eso si, si lo que quieres es que, como en la web que has mandado primero esté en relación al padre pero luego se quede arriba, en relación a la página creo que necesitarás mas que css... creo :) saludos El 23/08/2011, a las 11:16, Marina Gallardo escribió: El problema es que el elemento flotante-fixed lo hace con respecto al body, y mi pregunta es si es posible hacerlo fijo pero relativo al padre. 2011/8/23 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com seguramente tengas que darle un width al menu flotante o al wrapper. Es un poco difícil sólo con eso ¿tienes la página subida a algún sitio donde la pueda ver? El 23 de agosto de 2011 11:02, Marina Gallardo marinagalla...@gmail.comescribió: Imaginemos: .wrapper { margin: 0 auto; } .menu-flotante { position: fixed; } 2011/8/23 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com No entiendo exactamente lo del centrado, ¿puedes poner un trozo de tu código? El 23 de agosto de 2011 10:53, Marina Gallardo marinagalla...@gmail.com escribió: Sí, el de los menús, pero que se conserve el centrado al adaptar el navegador al tamaño que se quiera Miraré lo del foro. Muchas gracias. 2011/8/23 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Hola Marina, Hay una iniciativa nueva de ovillo en http://ovillo.treeweb.es/app/Foro/que tiene algunas ventajas (coloreado de sintaxis, marcado de tus respuestas y comentarios, etc) Si quieres puedes volver a plantear la pregunta en el foro. No es necesario registrarse. El efecto que quieres conseguir, ¿es el de los menús de la parte derecha? Saludos Gerardo El 23 de agosto de 2011 10:32, Marina Gallardo marinagalla...@gmail.com escribió: Buenos días. Os comento un poco el problema que tengo: Tengo un elemento con posición fija en el sidebar, que sube y baja en función del scroll: ese es el efecto que quiero conseguir. La cosa es que al tener un div-contenedor con margin 0 auto, el elemento fijo se queda donde está y no se adapta. Lo suyo sería que se adaptara a ese div contenedor. ¿Tenéis idea de cómo puedo conseguir lo que quiero? No me gustaría tener eliminar el centrado del contendor... Mil gracias, Marina. ___ 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 tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Elemento con posición fija en una caja con margin 0 auto
pues algo habrá porque no debería ignorarlo mira, yo he puesto esto y rula maomeno div style=width:200px; height:800px; background:#0FF; position:relative; margin:200px auto; div style=width:200px; height:100px; background:#00F; position:fixed; margin:0;/div/div El 23/08/2011, a las 11:30, Marina Gallardo escribió: Tiene un position:relative y se la trae al pairo... :-( Si no se puede con CSS, como me estoy figurando... any other idea? 2011/8/23 Martin Etxauri t...@eragin.com aupa si le pones al padre position: relative la posición del elemento será en relación al padre eso si, si lo que quieres es que, como en la web que has mandado primero esté en relación al padre pero luego se quede arriba, en relación a la página creo que necesitarás mas que css... creo :) saludos El 23/08/2011, a las 11:16, Marina Gallardo escribió: El problema es que el elemento flotante-fixed lo hace con respecto al body, y mi pregunta es si es posible hacerlo fijo pero relativo al padre. 2011/8/23 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com seguramente tengas que darle un width al menu flotante o al wrapper. Es un poco difícil sólo con eso ¿tienes la página subida a algún sitio donde la pueda ver? El 23 de agosto de 2011 11:02, Marina Gallardo marinagalla...@gmail.comescribió: Imaginemos: .wrapper { margin: 0 auto; } .menu-flotante { position: fixed; } 2011/8/23 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com No entiendo exactamente lo del centrado, ¿puedes poner un trozo de tu código? El 23 de agosto de 2011 10:53, Marina Gallardo marinagalla...@gmail.com escribió: Sí, el de los menús, pero que se conserve el centrado al adaptar el navegador al tamaño que se quiera Miraré lo del foro. Muchas gracias. 2011/8/23 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Hola Marina, Hay una iniciativa nueva de ovillo en http://ovillo.treeweb.es/app/Foro/que tiene algunas ventajas (coloreado de sintaxis, marcado de tus respuestas y comentarios, etc) Si quieres puedes volver a plantear la pregunta en el foro. No es necesario registrarse. El efecto que quieres conseguir, ¿es el de los menús de la parte derecha? Saludos Gerardo El 23 de agosto de 2011 10:32, Marina Gallardo marinagalla...@gmail.com escribió: Buenos días. Os comento un poco el problema que tengo: Tengo un elemento con posición fija en el sidebar, que sube y baja en función del scroll: ese es el efecto que quiero conseguir. La cosa es que al tener un div-contenedor con margin 0 auto, el elemento fijo se queda donde está y no se adapta. Lo suyo sería que se adaptara a ese div contenedor. ¿Tenéis idea de cómo puedo conseguir lo que quiero? No me gustaría tener eliminar el centrado del contendor... Mil gracias, Marina. ___ 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 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] centra img dentro de a de menos tamaño
Aupa Gracias a los dos, pero esta solución ya la había probado y no resulta, el margin-left:-50% no resulta en el 50% del width del img, si no en el 50% del widht del a con lo que resulta como si ponemos -50px y no se adapta según la anchura de las diferentes imágenes. saludos El 14/07/2011, a las 14:45, Cagatay Gurturk escribió: debes usar display:block en a. si no, no respecta a los dimensiones. te dejo el codigo completo: a href=# style=width: 100px;height: 100px;overflow:hidden;display: block; img src=http://ispartakule.biz/haberresim/test1.jpg; alt= style=margin: -50% / /a El 14 de julio de 2011 15:28, David Merino jube...@gmail.com escribió: Hola Martin 2011/7/14 Martin Etxauri t...@eragin.com: Hola a todos Vengo a ver si alguien conoce una algo que creo que no existe :) El tema es para unas miniaturas de una galería, tenemos un img dentro de un a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de alto y 200 de ancho de manera que la imagen queda recortada dentro del a. La cuestión es centrar esa imagen dentro del a para que en el recorte se vea el centro. El verdadero problema es que las imágenes no tendrán todas la misma proporción y por ende serán de ancho variable, no tendrán todas 200px. ¿alguien conoce alguna solución milagrosa? los estilos del 'a' tal y como tú los tienes. img { margin: -50% } gracias a todos. saludos Martin Un saludo, David ___ 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 -- Ç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 ___ 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] centra img dentro de a de menos tamaño
Aunque no entiendo muy bien lo que quieres hacer. Veamos. 1. Tienes un a de 100px 2. Dentro metes un span de , no se, 200px 3. Dentro del span va una img / Quiza pueda funcionar: a { display:block; text.align:center} span {display:block; margin:0 auto;} y quizas img {text.align:center;margin:0 auto;} //display block, o quiza inline? Es jugar un poco con el centrado de elementos y que estos se centren entre ellos Saludos Jaume Hola Jaume Si entiendo bien lo que me propones esta es la solución A) que daba yo en el primer mail ¿no? (la pego debajo) Y efectivamente funciona, de hecho es mi opción actual, pero prefería ahorrarme el span si es que alguien tenía la solución :) la pego aquí: A) Meter el img dentro de un span de mayor tamaño: a ... spanimg ... //span/a a{ display:block: width: 100px; height: 100px; overflow:hidden; ... } span{ display:block: height:100px; width:300px; /*en cualquier caso una medida mayor que cualquiera de las fotos que entrarán*/ margin-left:-100px;/*o lo que haga falta para que el span quede centrado en el a según el width del span*/ text-align:center; } en vez del margin-left también podemos usar un position:relative; y left:-100px; que igual es mejor. pero claro, aquí no me mola que ese span no pinta nada ahí. ___ 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] centra img dentro de a de menos tamaño
Aupa Efectivamente la propiedad clip no permite el centrado automático, ya que solo admin medidas en píxeles o ems pero no en porcentaje. Eso si, me ha parecido interesante el comportamiento de clip con las medidas de arriba e izquierda, que marcan el punto de origen del clip, puestas en píxeles y las medida de derecha y abajo, que marcan la altura y anchura del recorte en em, te da un punto de partida fijo pero un alto y ancho variables según el tamaño de texto, no se, me da que alguna utilidad curiosa puede tener :) Y bueno, he estado mirando y no está obsoleta si no que es parte de CSS3, que también trae background-clip Saludos y gracias. El 14/07/2011, a las 14:06, Leonel Silva escribió: Existe una propiedad clip (o existía) dentro del css qu ete permitía recortar cosas tal como necesitas (aunque no estoy seguro que permita del centro hacia afuera) no sé si está deprecada, igual t emando los enlaces directo al w3c. http://www.w3.org/wiki/CSS/Properties/clip http://www.w3.org/TR/CSS2/visufx.html http://www.google.com/search?q=site:w3.orgq=clipsearch-submit= 2011/7/14 Martin Etxauri t...@eragin.com Hola a todos Vengo a ver si alguien conoce una algo que creo que no existe :) El tema es para unas miniaturas de una galería, tenemos un img dentro de un a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de alto y 200 de ancho de manera que la imagen queda recortada dentro del a. La cuestión es centrar esa imagen dentro del a para que en el recorte se vea el centro. El verdadero problema es que las imágenes no tendrán todas la misma proporción y por ende serán de ancho variable, no tendrán todas 200px. Yo tengo dos maneras, pero busco una tercera milagrosa :) (que no he encontrado en internet, cla) A) Meter el img dentro de un span de mayor tamaño: a ... spanimg ... //span/a a{ display:block: width: 100px; height: 100px; overflow:hidden; ... } span{ display:block: height:100px; width:300px; /*en cualquier caso una medida mayor que cualquiera de las fotos que entrarán*/ margin-left:-100px;/*o lo que haga falta para que el span quede centrado en el a según el width del span*/ text-align:center; } en vez del margin-left también podemos usar un position:relative; y left:-100px; que igual es mejor. pero claro, aquí no me mola que ese span no pinta nada ahí. B) Hacer lo mismo que hacemos con el span con la img y calcular el margin-left en base a la anchura de la imagen mediante programación. Pero claro, aquí le metes a hacer cálculos por cada miniatura y aparte del trabajo extra de programación le va a costar mas cargar todo, además de que tendrías que meter el margin-left inline... y bueno, que molaría poder hacerlo solo con css. ¿alguien conoce alguna solución milagrosa? gracias a todos. saludos Martin ___ 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 -- -- Caracas - Venezuela www.leonelsilva.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] centra img dentro de a de menos tamaño
Efectivamente la propiedad clip no permite el centrado automático, ya que solo admin medidas en píxeles o ems pero no en porcentaje. perdón, donde pone admin debería ser admite, cla, en que estarían mis manos pensando ;) demasiadas veces entrando en paneles de administración en pruebas :P ___ 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] centra img dentro de a de menos tamaño
Uhm, sip, pero al ser unos thumbnail de una galería no le veo mucho sentido poner todas como fondo ¿no? aparte si las quiero redimensionar necasito tirar de css3 ¿no?, creo. La cuestión es a ver si pillo un método decente para poder utilizarlo siempre, o casi siempre. gracias El 15/07/2011, a las 10:56, cmik22 escribió: Si puedes poner la imagen como background del A podrías centrarla con background-position:center ___ 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]
Aupa Es una buena razón si, y es verdad que tienes un mayor control, pero igualmente se puede utilizar algo parecido cuando tienes un img inline: Si tienes esto así: aimg //a (me como la mitad del code :P) poner: a{ background:url(imagen_para_hover.jpg); ... } a:hover img{ display:none } de manera que en el hover la imagen inline desaparace y deja que se vea la que está de fondo del a O utilizar un sprite: a{ position:relative; display: block; height:x; width:y; overflow_hidden } img{ position: relative; top:0; left:0; } a:hover img{ top:-x; } (la imagen que se ve tendría height=x; y el sprite en si hegith=2x) de manera que el a funciona de mascara para la imagen y en el hover se nos muestra la mitad que estaba oculta. Aunque la segunda opción sin estilos se ve la imagen duplicada, claro, porque se ven los dos estados a la vez. Saludos El 13/07/2011, a las 22:08, Victor Hugo Arias Valencia escribió: No se si este salido de tono, pero en el caso de un menú con una imagen como contenido (img) vs un menú con texto oculto es que a este último puedo aplicarle el estado sobre, activo y visitado a través de CSS. -- Docente tutor - Soporte Conocimiento Virtual Academia www.ConocimientoVirtual.edu.co www.PixelTelevision.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
[Ovillo] centra img dentro de a de menos tamaño
Hola a todos Vengo a ver si alguien conoce una algo que creo que no existe :) El tema es para unas miniaturas de una galería, tenemos un img dentro de un a, digamos que el a tiene 100px de alto y de ancho y la imagen 100 de alto y 200 de ancho de manera que la imagen queda recortada dentro del a. La cuestión es centrar esa imagen dentro del a para que en el recorte se vea el centro. El verdadero problema es que las imágenes no tendrán todas la misma proporción y por ende serán de ancho variable, no tendrán todas 200px. Yo tengo dos maneras, pero busco una tercera milagrosa :) (que no he encontrado en internet, cla) A) Meter el img dentro de un span de mayor tamaño: a ... spanimg ... //span/a a{ display:block: width: 100px; height: 100px; overflow:hidden; ... } span{ display:block: height:100px; width:300px; /*en cualquier caso una medida mayor que cualquiera de las fotos que entrarán*/ margin-left:-100px;/*o lo que haga falta para que el span quede centrado en el a según el width del span*/ text-align:center; } en vez del margin-left también podemos usar un position:relative; y left:-100px; que igual es mejor. pero claro, aquí no me mola que ese span no pinta nada ahí. B) Hacer lo mismo que hacemos con el span con la img y calcular el margin-left en base a la anchura de la imagen mediante programación. Pero claro, aquí le metes a hacer cálculos por cada miniatura y aparte del trabajo extra de programación le va a costar mas cargar todo, además de que tendrías que meter el margin-left inline... y bueno, que molaría poder hacerlo solo con css. ¿alguien conoce alguna solución milagrosa? gracias a todos. saludos Martin ___ 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] Porque utilizar ocultación en los menús [era: Formas de ocultación]
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 de entender y que creo que está relacionada con que nos gusta que al quitarle los estilos se vea todo limpio en puro texto estructurado por los headers p y demás. Con bloquearle las imágenes ya está :) Entiendo que a veces tiene que ver que se trabaja con CMS o frameworks, pero creo que en general hay una especie de manía y no se si me estoy perdiendo algo o en realidad es eso, una manía, porque si no me equivoco los lectores, bots y demás les da igual que sea un texto o una imagen con un buen alt, ¿no? saludos otro Martin :) ___ 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]
Aupa 1.- Hay navegadores que no cargan las imágenes, y un simple alt aunque sirve bastante no se acerca al poder del texto ni de palo. ya pondré experiencias, usos y demás luego Las espero ansioso :) 2.- Hay 2 mil formas de ocultar, desde el display none, hasta el visibility, incluso un margen negativo izquierdo -9px, el cual deja un espacio de bloque que se podría hacer desaparecer con un position absolute., pero sin duda lo mejor de todo y lo 100% recomendable es el text-indent Mi pregunta es, el tema del text-indent, margen izquierdo y todo esto no dejan de ser trucos y yo diría que un poco guarretes, apaños para hacer cosas que el html no nos permite por si mismo, sin embargo si lo que quieres es poner una imagen en un menú y que los bots, y demás lean el texto que no se ve, con poner un img con su alt (o lo que sea) estamos utilizando lo que nos da el html sin necesidad de trucos, ¿no? Si luego tras mi correo explicatorio alguien quiere Flame -- Contad conmigo xD Cuenta conmigo para un educado y razonable flame XDD 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] Porque utilizar ocultación en los menús [era: Formas de ocultación]
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 de entender y que creo que está relacionada con que nos gusta que al quitarle los estilos se vea todo limpio en puro texto estructurado por los headers p y demás. Con bloquearle las imágenes ya está :) Entiendo que a veces tiene que ver que se trabaja con CMS o frameworks, pero creo que en general hay una especie de manía y no se si me estoy perdiendo algo o en realidad es eso, una manía, porque si no me equivoco los lectores, bots y demás les da igual que sea un texto o una imagen con un buen alt, ¿no? saludos otro Martin :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org (mailto: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] Porque utilizar ocultación en los menús [era: Formas de ocultación]
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 de entender y que creo que está relacionada con que nos gusta que al quitarle los estilos se vea todo limpio en puro texto estructurado por los headers p y demás. Con bloquearle las imágenes ya está :) Entiendo que a veces tiene que ver que se trabaja con CMS o frameworks, pero creo que en general hay una especie de manía y no se si me estoy perdiendo algo o en realidad es eso, una manía, porque si no me equivoco los lectores, bots y demás les da igual que sea un texto o una imagen con un buen alt, ¿no? saludos otro Martin :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org(mailto: 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]
aupa y las imágenes tienen la accesibilidad en html, pero te puedo sacar de cualquier imagen que me pases, las personas que NO pueden ver tu imagen, ni el texto, ni el alt xD. aquí me he perdido :) ___ 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]
validación de colores no se si sabías que existía pero tb tiene AA, AAA, para daltónicos xD A si, eso si, pero bueno, para eso está la posibilidad que ofrecen las herramientas de accesibilidad de contrastarlo todo y ponerlo en blanco y negro y, a una mala, para eso está el alt y demás, para el que no puede ver bien la imagen, de hecho si desactivas las imágenes es como si tuvieras un documento en texto plano. ¿no? 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] Chrome y text-indent
seguramente necesites también un overflow:hidden El 12/07/2011, a las 13:33, Miquel Ramon Ortega i Tido escribió: Un ejemplo que a mi me funciona en chrome: 1. 2. text-indent: -px; 3. height: 16px; 4. line-height: 16px; Saludos, El 12 de julio de 2011 13:29, Miguel Angel mik_...@hotmail.com escribió: xD jajaja si esta puesto! xD Un saludo! Date: Tue, 12 Jul 2011 13:28:25 +0200 From: nguerr...@emergya.es To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Chrome y text-indent Si no has puesto los PX no lo digas!, inventa otra escusa xD El 12 de julio de 2011 13:27, Miquel Ramon Ortega i Tido len...@gmail.comescribió: Le has puesto - o -px si no pones px en chrome no va Saludos El 12 de julio de 2011 13:25, Miguel Angel mik_...@hotmail.com escribió: Jajaja, disculpas, Quiero ocultar un texto, ya que estoy usando titulares de imagen.. entonces cuando uso text-indent: - en chrome me aparece.. cuando no tendría que verse. Un saludo! Date: Tue, 12 Jul 2011 13:24:16 +0200 From: len...@gmail.com To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Chrome y text-indent A mi me duele la cabeza cuando va llover. XD, Haber da lago más de información, que quieres hacer? tienes capturas de pantlla para que nos hagamos una idea? Saludos. El 12 de julio de 2011 13:22, Miguel Angel mik_...@hotmail.com escribió: Hola buenas, No me funciona correctamente text-indent en chrome, 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 -- *Miquel Ramon Ortega i Tido* len...@gmail.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 -- *Miquel Ramon Ortega i Tido* len...@gmail.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 -- Neftalí Guerrero Pancorbo (Nesta) Área de Proyectos Emergya Consultoría Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 www.emergya.es ___ 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 -- *Miquel Ramon Ortega i Tido* len...@gmail.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] ¿Text-indent no funciona en span?
Hola Con 1px no creo que se vea por ningún lado pero por si las moscas ponle overflow:hidden, creo recordar que en algún navegador hacía algo raro... creo. saludos El 05/07/2011, a las 10:07, Marina Gallardo escribió: Funciona perfectamente. Otra cosa más que aprendo. Mil gracias. 2011/7/5 Neftalí Guerrero (Nesta) nguerr...@emergya.es Bueno pues primeramente un span es un elemento INLINE, ehm pon a ese span un display:inline-block; y verás como los márgenes y el text-indent te funciona, prueba y nos comentas! Saludos. El 5 de julio de 2011 10:02, Marina Gallardo marinagalla...@gmail.com escribió: Muy buenas. Tengo el siguiente código: *span class=icon**/span* * * He aplicado un text-indent de -1px para hacer desaparecer el texto, pero me ignora por completo, ¿sabéis por qué? 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 -- Neftalí Guerrero Pancorbo (Nesta) Área de Proyectos Emergya Consultoría Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 www.emergya.es ___ 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] Accesibilidad y css
Aupa Perdona, si no me equivoco, las tablas si que pasan la accesibilidad, siempre y cuando estén utilizadas para su función y estén bien etiquetadas. Utilizar scope o thead y tbody ademas de poner un id=x a los TH y un header=x a los TD par relacionarlos entre ellos. Si es una tabla de datos, que pueden serlo muchas cosas en realidad, se puede usar sin problemas, eso si, hay que etiquetarlo todo de pe a pa. saludos El 01/07/2011, a las 08:52, Nestali Guerrero escribió: Te respondo creo que con un poco más de utilidad que los demás, primero para realizar las pruebas siempre con Total validator, ya que TAW tiene problemas que han admitido y tienen que corregir, que dan fallo cuando no hay en cabeceras por ejemplo y demás, él total validator te detecta los fallos y suele darte una url de porqué el fallo. Las tablas no pasan la Accesibilidad, pásanos lo que quieres, o más información de si es A, AA, AAA y si puedes estructura del código para darte una alternativa AAA Saludos. El 1 de julio de 2011 00:25, ima...@adimedia.net escribió: El mensaje ha llegado correctamente pero... estoy de vacaciones hasta el próximo 1 de julio. Atenderé tu correo a la vuelta. Si por el motivo que fuere necesitas ponerte en contacto con adimedia puedes hacerlo en i...@adimedia.net o en el Telf. 943 63 57 37. ___ 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] Accesibilidad y css
je je no me enfado no ;) Como ha habido tanta paranoia con las tablas El decía que era una pagina que se esta realizando con accesibilidad a personas. y yo di por supuesto que las tablas no eran para maquetación... espero :) El 01/07/2011, a las 10:38, Nestali Guerrero escribió: Dejo un poco más claro: Maquetar con tablas no es accesible, maquetar con tablas me refiero a tener una estructura montada entéramente con tablas, no ha puesto ningún ejemplo, no ha dicho que las tablas sólamente están en un contenido, el cual es X tipo, sea un listado, sea lo que sea. De todas formas la tabla tiene que estar bien formada, tal y como dice Martin, pero creo que sería mejor saber qué tiene que validar, que es lo que da error. Saludos. p.d: no te enfades Martin, tienes razón, pero yo iba a un uso peor de las tablas xD El 1 de julio de 2011 10:32, Martin Etxauri t...@eragin.com escribió: Aupa Perdona, si no me equivoco, las tablas si que pasan la accesibilidad, siempre y cuando estén utilizadas para su función y estén bien etiquetadas. Utilizar scope o thead y tbody ademas de poner un id=x a los TH y un header=x a los TD par relacionarlos entre ellos. Si es una tabla de datos, que pueden serlo muchas cosas en realidad, se puede usar sin problemas, eso si, hay que etiquetarlo todo de pe a pa. saludos El 01/07/2011, a las 08:52, Nestali Guerrero escribió: Te respondo creo que con un poco más de utilidad que los demás, primero para realizar las pruebas siempre con Total validator, ya que TAW tiene problemas que han admitido y tienen que corregir, que dan fallo cuando no hay en cabeceras por ejemplo y demás, él total validator te detecta los fallos y suele darte una url de porqué el fallo. Las tablas no pasan la Accesibilidad, pásanos lo que quieres, o más información de si es A, AA, AAA y si puedes estructura del código para darte una alternativa AAA Saludos. El 1 de julio de 2011 00:25, ima...@adimedia.net escribió: El mensaje ha llegado correctamente pero... estoy de vacaciones hasta el próximo 1 de julio. Atenderé tu correo a la vuelta. Si por el motivo que fuere necesitas ponerte en contacto con adimedia puedes hacerlo en i...@adimedia.net o en el Telf. 943 63 57 37. ___ 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 tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Mails HTML
Hola a todos. Dándole a esto de los mails html he encontrado una herramienta que me ha parecido muy interesante: HTML email boilerplate [1] Es una plantilla html con una estructura básica y comentarios explicativos y apaños para los problemas mas conocidos de los diferentes clientes de mail y webmails. Es una buena base para empezar a construir un mail html y tener ahí mismo cosas a tener en cuenta, eso si, está en inglés. Espero que os sea de utilidad. Saludos Martin [1] http://htmlemailboilerplate.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] Mails HTML
aupa Demo no hay, claro, esto es mas que una plantilla es un punto de partida super simple con estilos, comentarios y una estructura básica vacía, si lo miras en un navegador no verás mas que un par de lineas de texto en un fondo blanco. No es una plantilla para rellenar con datos (si buscas se encuentran rápido algunas de estas gratuitas). Es una base para construir encima tu propio diseño e igualmente hay que meterle curro a la cosa, pero sabes que ya tienes unos cuantos apaños e incosistencias arregladas y para quien no lo tenga claro te da la estructura básica recomendada para un mail html, luego, claro, hay que darle caña :) saludos El 01/07/2011, a las 12:00, Miguel Angel escribió: Hey esta muy bien la idea, Hay alguna demostración de como queda? Un saludo! From: t...@eragin.com Date: Fri, 1 Jul 2011 11:55:15 +0200 To: ovillo@lists.ovillo.org Subject: [Ovillo] Mails HTML Hola a todos. Dándole a esto de los mails html he encontrado una herramienta que me ha parecido muy interesante: HTML email boilerplate [1] Es una plantilla html con una estructura básica y comentarios explicativos y apaños para los problemas mas conocidos de los diferentes clientes de mail y webmails. Es una buena base para empezar a construir un mail html y tener ahí mismo cosas a tener en cuenta, eso si, está en inglés. Espero que os sea de utilidad. Saludos Martin [1] http://htmlemailboilerplate.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] Bordes redondeados CSS3 dentro de elementos HTML5
Los caminos de IE son inescrutables :) tremendo... y muy lógico todo ;D (que la tendrá, pero fuera del alcance de los humanos). El 30/06/2011, a las 12:25, Modesto Caballero escribió: Como bien dice Eddie, añadirle position:relative y un z-index ayuda a que se muestre correctamente. Lo leí en algún lugar de los foros de CSS3PIE. Ánimo, paciencia y suerte :D 2011/6/29 Marcos Lorca marcoslo...@hotmail.com Para resolver el tema de los bordes redondeados generalmente uso con muy buenos resultados algún Script de jQuery, asi te evitas las declarciones distintas para cada browser. Busca en google Curvycorners.js Saludos y éxito Marcos Date: Wed, 29 Jun 2011 15:24:36 -0300 From: her...@saberweb.com.ar To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Bordes redondeados CSS3 dentro de elementos HTML5 Lo que te indican, es que agregues modernizr para que interprete las etiquetas html5 (internet explorer) y pruebes a ver si funciona. En mi primer mail decía que ya estoy usando HTML5shiv para eso, y funciona. Las etiquetas de HTML5 las está reconociendo bien Explorer, el problema es que no redondea los bordes dentro de esas etiquetas, aunque sí los redondea fuera de ellas. -- Hernán Beati http://www.saberweb.com.ar ___ 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] [OT] herramientas de preview de mails HTML
Hola Lo de Mailchimp era mi primera opción entre lo que he encontrado, ¿has probado la herramienta? ¿que tal está? gracias por todo El 22/06/2011, a las 15:25, Andrés gutiérrez escribió: MailChimp es una compañia que se dedica al email masivo. Te puedes hacer una cuenta free con ellos. Tienen una herramienta para testar las maquetaciones de tus emails. Aunque siempre es mejor hacerlo de forma nativa El 22 de junio de 2011 14:53, Enrique Rodriguez bossp...@gmail.comescribió: Para nada es OffTopic, al menos eso pienso yo. Yo suelo apañármelas con máquinas virtuales de los diferentes SO, pero si alguien da alguna indicación mejor... pues genial. Un abrazo. -- Enrique Rodríguez Vallejo http://conjeturas.es http://ervdesign.net Enviado desde mi iPhone El 22/06/2011, a las 14:29, Martin Etxauri t...@eragin.com escribió: Saludos a todos Ahí voy con un off topic que espero no moleste mucho :D al fin y al cabo se trata de ver como interpreta cada cliente de mail las CSS que es el tema de la lista ;) He estado mirando varias herramientas de preview de mails HTML, y por lo que he visto hasta ahora todas son de pago. ¿Alguien me puede recomendar alguna en especial por algo? ¿tenéis experiencia con esto? Hasta ahora me apañaba pidiendo a diferente gente con diferentes clientes de mail que me mandara pantallazos, pero es un poco pelma, para mi y para mis conocidos :) Gracias a todos. Martin ___ 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] [OT] herramientas de preview de mails HTML
Aupa Reporto algo sobre este tema: Me he hecho una cuenta gratuita en Mailchimp para hacer una preview del newsletter en el Inbox Inspector, que es la herramienta de preview, y hay que pagar 3 dolares por cada nueva preview, lo mismo lo hago cuando tenga el newsletter lo mas afinado posible, es lo único que he encontrado para poder hacer una preview puntual, parece que el resto de opciones son en sitios donde la única opción son planes mensuales y cosas de estas con todo el servicio de mailing, subscriptores y demás. Nosotros tenemos nuestro propio gestor de boletines y lo único que quiero es comprobar que el html inicial está bien, luego ya todo va de nuestra parte. Por cierto, el Inbox Inspector de Mailchimp funciona sobre http://litmus.com y hace preview de todo esto: • Outlook 2007 • Outlook 2003 • Yahoo! Mail (Explorer) • Yahoo! Mail (Firefox) • Android 2.2 Gmail (FireFox) • Hotmail (Explorer) • Hotmail (FireFox) • Apple Mail 4 • Apple Mail 3 • iPhone • Plain Text • Symbian S60 • Thunderbird 3.0 • Thunderbird 2.0 • Me.com (Firefox) • Outlook 2010 • Outlook 2002/XP • Outlook 2000 • Windows Mobile 6.5 • Gmail (Explorer) • BlackBerry Text • BlackBerry HTML • AOL Mail (FireFox) • AOL Mail (Explorer) • Lotus Notes 8.5 • Lotus Notes 8 • Lotus Notes 7 • Lotus Notes 6.5 y testea los filtros de spam de: • Gmail • Outlook • Barracuda • MessageLabs • Postini • Mail.com • FastMail • HushMail • Lycos • MobileMe • GMX • Yahoo! Mail No está mal. Saludos 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
Re: [Ovillo] [OT] herramientas de preview de mails HTML
ouh! es una herramienta con una pinta muy maja gracias! El 24/06/2011, a las 12:32, Miquel Ramon Ortega i Tido escribió: Buenas, En su momento tuve que darme de cabezazos con un el tema de las newsletter y la verdad que esta complicado. Acabo de leer un tweet en el que recomiendan fractal, http://getfractal.com/, es un servicio en web que valida tu código para lso distintos lectores de correo. Saludos, El 24 de junio de 2011 12:07, Martin Etxauri t...@eragin.com escribió: Aupa Reporto algo sobre este tema: Me he hecho una cuenta gratuita en Mailchimp para hacer una preview del newsletter en el Inbox Inspector, que es la herramienta de preview, y hay que pagar 3 dolares por cada nueva preview, lo mismo lo hago cuando tenga el newsletter lo mas afinado posible, es lo único que he encontrado para poder hacer una preview puntual, parece que el resto de opciones son en sitios donde la única opción son planes mensuales y cosas de estas con todo el servicio de mailing, subscriptores y demás. Nosotros tenemos nuestro propio gestor de boletines y lo único que quiero es comprobar que el html inicial está bien, luego ya todo va de nuestra parte. Por cierto, el Inbox Inspector de Mailchimp funciona sobre http://litmus.com y hace preview de todo esto: • Outlook 2007 • Outlook 2003 • Yahoo! Mail (Explorer) • Yahoo! Mail (Firefox) • Android 2.2 Gmail (FireFox) • Hotmail (Explorer) • Hotmail (FireFox) • Apple Mail 4 • Apple Mail 3 • iPhone • Plain Text • Symbian S60 • Thunderbird 3.0 • Thunderbird 2.0 • Me.com (Firefox) • Outlook 2010 • Outlook 2002/XP • Outlook 2000 • Windows Mobile 6.5 • Gmail (Explorer) • BlackBerry Text • BlackBerry HTML • AOL Mail (FireFox) • AOL Mail (Explorer) • Lotus Notes 8.5 • Lotus Notes 8 • Lotus Notes 7 • Lotus Notes 6.5 y testea los filtros de spam de: • Gmail • Outlook • Barracuda • MessageLabs • Postini • Mail.com • FastMail • HushMail • Lycos • MobileMe • GMX • Yahoo! Mail No está mal. Saludos 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] [OT] herramientas de preview de mails HTML
Hola Parece que ciertamente Mailchimp es la opción mas económica para testear un mail html puntualmente, los otros dos serían http://www.campaignmonitor.com 5$ y http://www.emailonacid.com que empieza en 5$ y va siendo mas barato cuanto mas previews pagas de vez (va por créditos y va abaratándose el precio del crédito), pero para llegar a los 3$ de Mailchimp hay que pillar 50 de vez. Dejo ya de dar la chapa ;) y si mas adelante hago algún descubrimiento sobresaliente lo mando. Saludos Martin El 24/06/2011, a las 12:07, Martin Etxauri escribió: Aupa Reporto algo sobre este tema: Me he hecho una cuenta gratuita en Mailchimp para hacer una preview del newsletter en el Inbox Inspector, que es la herramienta de preview, y hay que pagar 3 dolares por cada nueva preview, lo mismo lo hago cuando tenga el newsletter lo mas afinado posible, es lo único que he encontrado para poder hacer una preview puntual, parece que el resto de opciones son en sitios donde la única opción son planes mensuales y cosas de estas con todo el servicio de mailing, subscriptores y demás. Nosotros tenemos nuestro propio gestor de boletines y lo único que quiero es comprobar que el html inicial está bien, luego ya todo va de nuestra parte. Por cierto, el Inbox Inspector de Mailchimp funciona sobre http://litmus.com y hace preview de todo esto: • Outlook 2007 • Outlook 2003 • Yahoo! Mail (Explorer) • Yahoo! Mail (Firefox) • Android 2.2 Gmail (FireFox) • Hotmail (Explorer) • Hotmail (FireFox) • Apple Mail 4 • Apple Mail 3 • iPhone • Plain Text • Symbian S60 • Thunderbird 3.0 • Thunderbird 2.0 • Me.com (Firefox) • Outlook 2010 • Outlook 2002/XP • Outlook 2000 • Windows Mobile 6.5 • Gmail (Explorer) • BlackBerry Text • BlackBerry HTML • AOL Mail (FireFox) • AOL Mail (Explorer) • Lotus Notes 8.5 • Lotus Notes 8 • Lotus Notes 7 • Lotus Notes 6.5 y testea los filtros de spam de: • Gmail • Outlook • Barracuda • MessageLabs • Postini • Mail.com • FastMail • HushMail • Lycos • MobileMe • GMX • Yahoo! Mail No está mal. Saludos 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
Re: [Ovillo] Cambiar dimensiones de imágenes para css queries
Hola, para según que cosas no es muy apropiado, pero si no le pones height a la imagen en ningún lado, ni siquiera en el tag img, en principio debería mantenerse proporcional al width que tenga. saludos El 22/06/2011, a las 12:25, AngelPSan escribió: Hola, tengo un problema al cambiar las dimensiones de las imágenes según el dispositivo, es decir al utilizar css queries y tener que cambiar las dimensiones de las imágenes utilizo max-width: 320px; pero esto me ajusta el ancho y no la altura , así que la imagen se deforma, y si le pongo un height debería ponerle a cada imagen uno y no puedo hacerlo para todas las imágenes a la vez, no se si me he explicado, hay alguna forma de que la imagen se re-dimensione sin deformarse? Muchas gracias m4tik ___ 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] [OT] herramientas de preview de mails HTML
Saludos a todos Ahí voy con un off topic que espero no moleste mucho :D al fin y al cabo se trata de ver como interpreta cada cliente de mail las CSS que es el tema de la lista ;) He estado mirando varias herramientas de preview de mails HTML, y por lo que he visto hasta ahora todas son de pago. ¿Alguien me puede recomendar alguna en especial por algo? ¿tenéis experiencia con esto? Hasta ahora me apañaba pidiendo a diferente gente con diferentes clientes de mail que me mandara pantallazos, pero es un poco pelma, para mi y para mis conocidos :) Gracias a todos. Martin ___ 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] Manejar menús para pantallas tactiles
Aupa Si sirve de ayuda te diré que parece iOS se comporta bien con los menús desplegables hechos con css, por lo que he visto (porque realmente tengo poca idea de que hay detrás) cuando tienes un menú desplegable por CSS lo que hace es que en el primer click que le das con el dedo lo despliega, y con un segundo va al link (si la sección que se despliega lo tiene). No lo he probado con el tuyo pero si con otro que está hecho tipo: li:hover ul{display:block}, siendo li la sección y ul las subsecciones que estaba como display:hidden, claro. 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] Manejar menús para pantallas tactiles
Aupa Si sirve de ayuda te diré que parece iOS se comporta bien con los menús desplegables hechos con css, por lo que he visto (porque realmente tengo poca idea de que hay detrás) cuando tienes un menú desplegable por CSS lo que hace es que en el primer click que le das con el dedo lo despliega, y con un segundo va al link (si la sección que se despliega lo tiene). No lo he probado con el tuyo pero si con otro que está hecho tipo: li:hover ul{display:block}, siendo li la sección y ul las subsecciones que estaba como display:hidden, claro. saludos perdón he dicho que no lo había probado con el tuyo porque me sonaba que habías puesto link al ejemplo pero ahora he visto que no, así que difícilmente :) ___ 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] Formato html para fichas de conciertos
Aupa Santos Tienes toda la razón, si, pero es que eran exactamente esos span los que me creaban dudas, ni mas ni menos. Así que si, el código del sr. tanaka está dabuti, de hecho me sirvió para confirmar que salvo los span de la duda lo demás estaba bien encaminado ;D El 05/05/2011, a las 20:38, santosvz escribió: Vaya... y yo que creía que había perdido unas cuantas neuronas. Acaso no es similar el ejemplo que puse adicionando los span en función de los apartados?. Tendre que decirle al Sr. Tanaka que no sabe estructurar un xhtml http://www.sohtanaka.com/web-design/examples/popoutdetails/ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Alfredo Tinajero @ ADjunctor *Enviado el: jueves, 05 de mayo de 2011 09:47 a.m. *Para: 'Ovillo, la lista de CSS en castellano' *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * *Caray, si que entendí mal desde el principio, pero bueno, ahora creo entender un *poco mejor y tengo estas dos sugerencias que según mi humilde opinión harán ver *el código mas estructurado. * *usa dos niveles jerárquicos después del elemento li usando elementos span: * * li id=id_del_registro * span class=imagenimg src=imagen.jpg //span * span class=gruponombre del grupo/span * span class=hora00:00/span * span class=salaNombre de la sala/span * span class=puebloNombre del pueblo/span * span class=textoTexto_Lorem ipsum dolor sit amet./span * span class=urla href=www.webdelgrupo.comWebsite de *Nombre_del_grupo/span * span class=contenidos_relacionados * span class=titulo_de_contenidosContenidos *relacionados/span * ul * lia href=#título de contenido1/a sección/li * lia href=#título de contenido2/a sección/li * lia href=#título de contenido3/a sección/li * /ul * /span * /li * *o tres niveles usando elementos div: * * li id=id_del_registro * div class=concierto * span class=imagenimg src=imagen.jpg //span * span class=gruponombre del grupo/span * span class=hora00:00/span * span class=salaNombre de la sala/span * span class=puebloNombre del pueblo/span * span class=textoTexto_Lorem ipsum dolor sit amet./span * span class=urla href=www.webdelgrupo.comWebsite de *Nombre_del_grupo/span * /div * div class=contenidos_relacionados * span class=titulo_de_contenidosContenidos relacionados/span * ul * lia href=#título de contenido1/a sección/li * lia href=#título de contenido2/a sección/li * lia href=#título de contenido3/a sección/li * /ul * /div * /li * *-Original Message- *From: Martin Etxauri [mailto:t...@eragin.com] *Sent: Thursday, May 05, 2011 2:57 AM *To: Ovillo, la lista de CSS en castellano *Subject: Re: [Ovillo] Formato html para fichas de conciertos * *Aupa Alfredo * *Lo primero gracias por tu ayuda. *Yo lo que quería no era estructurar los datos por alguna razón concreta, *simplemente quería utilizar un html lo mas semántico posible, igual he utilizado *estructurar donde no convenía pero me refería a eso, y la verdad que con xml *no me voy a meter :) * *Tampoco es optimizar la presentación, si hablo de poner un H3 no es para obtener *lo que un H3 me da visualmente, es simplemente para jerarquizar el contenido lo *mas adecuadamente posible a nivel de código, porque a nivel visual se van a ver *igual lo ponga con H3 o con span, para eso le meto con css y ya está. * *Agregar el nombre del concierto la verdad lo veo un sin sentido, si no hay, no *hay ¿no? agregar un dato porque lo necesito para jerarquizar la información a *nivel de código es un poco absurdo, el contenido es el que es y es ese contenido *el que hay que formatear, ¿no? ¿o tendría sentido agregar un título oculto para *aclarar un como el tema a nivel de usabilidad? tampoco sabría que poner la *verdad, y luego está que yo estoy diseñando esto pero las fichas de conciertos *ya están diseñadas y la bdd programada y aunque podría proponer cambios, como *que no lo veo. *Y como te puedes imaginar si esto está en un bdd no me hace falta tener el xlst *para poder disponer de esos datos ya que esto está programado en php y todo tira *de una bdd. * *Gracias de todos modos, siempre es interesante conocer cosas nuevas y siempre se *aprende algo. * *saludos * *martin * * * -Original Message- * From: Martin Etxauri [mailto:t...@eragin.com] * Sent: Wednesday, May 04, 2011 3:25 AM * To: Ovillo, la lista de CSS en castellano * Subject: Re: [Ovillo] Formato html para fichas de conciertos * * Hola * * No se si te refieres a revisar el html del ejemplo que mandas, lo cual * ya he hecho, o si te refieres a revisar el mío, que eso pretendo ;D * * ahora mismo esto lo tengo así: * * li id
Re: [Ovillo] Formato html para fichas de conciertos
aupa Gracias alfredo por las dos opciones, ya veo que en general no andaba tan descaminado. Creo que a veces las ganas nos hacen creer que hay algo mas allá de lo que ya sabemos y resulta que no mucho :) (otras veces hay muuucho mas, claro). saludos y gracias a todos El 05/05/2011, a las 16:17, Alfredo Tinajero @ ADjunctor escribió: Caray, si que entendí mal desde el principio, pero bueno, ahora creo entender un poco mejor y tengo estas dos sugerencias que según mi humilde opinión harán ver el código mas estructurado. usa dos niveles jerárquicos después del elemento li usando elementos span: li id=id_del_registro span class=imagenimg src=imagen.jpg //span span class=gruponombre del grupo/span span class=hora00:00/span span class=salaNombre de la sala/span span class=puebloNombre del pueblo/span span class=textoTexto_Lorem ipsum dolor sit amet./span span class=urla href=www.webdelgrupo.comWebsite de Nombre_del_grupo/span span class=contenidos_relacionados span class=titulo_de_contenidosContenidos relacionados/span ul lia href=#título de contenido1/a sección/li lia href=#título de contenido2/a sección/li lia href=#título de contenido3/a sección/li /ul /span /li o tres niveles usando elementos div: li id=id_del_registro div class=concierto span class=imagenimg src=imagen.jpg //span span class=gruponombre del grupo/span span class=hora00:00/span span class=salaNombre de la sala/span span class=puebloNombre del pueblo/span span class=textoTexto_Lorem ipsum dolor sit amet./span span class=urla href=www.webdelgrupo.comWebsite de Nombre_del_grupo/span /div div class=contenidos_relacionados span class=titulo_de_contenidosContenidos relacionados/span ul lia href=#título de contenido1/a sección/li lia href=#título de contenido2/a sección/li lia href=#título de contenido3/a sección/li /ul /div /li -Original Message- From: Martin Etxauri [mailto:t...@eragin.com] Sent: Thursday, May 05, 2011 2:57 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Formato html para fichas de conciertos Aupa Alfredo Lo primero gracias por tu ayuda. Yo lo que quería no era estructurar los datos por alguna razón concreta, simplemente quería utilizar un html lo mas semántico posible, igual he utilizado estructurar donde no convenía pero me refería a eso, y la verdad que con xml no me voy a meter :) Tampoco es optimizar la presentación, si hablo de poner un H3 no es para obtener lo que un H3 me da visualmente, es simplemente para jerarquizar el contenido lo mas adecuadamente posible a nivel de código, porque a nivel visual se van a ver igual lo ponga con H3 o con span, para eso le meto con css y ya está. Agregar el nombre del concierto la verdad lo veo un sin sentido, si no hay, no hay ¿no? agregar un dato porque lo necesito para jerarquizar la información a nivel de código es un poco absurdo, el contenido es el que es y es ese contenido el que hay que formatear, ¿no? ¿o tendría sentido agregar un título oculto para aclarar un como el tema a nivel de usabilidad? tampoco sabría que poner la verdad, y luego está que yo estoy diseñando esto pero las fichas de conciertos ya están diseñadas y la bdd programada y aunque podría proponer cambios, como que no lo veo. Y como te puedes imaginar si esto está en un bdd no me hace falta tener el xlst para poder disponer de esos datos ya que esto está programado en php y todo tira de una bdd. Gracias de todos modos, siempre es interesante conocer cosas nuevas y siempre se aprende algo. saludos martin -Original Message- From: Martin Etxauri [mailto:t...@eragin.com] Sent: Wednesday, May 04, 2011 3:25 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Formato html para fichas de conciertos Hola No se si te refieres a revisar el html del ejemplo que mandas, lo cual ya he hecho, o si te refieres a revisar el mío, que eso pretendo ;D ahora mismo esto lo tengo así: li id=id_del_registro img src=imagen.jpg / span class=gruponombre del grupo/span span class=hora00:00/span span class=salaNombre de la sala/span span class=puebloNombre del pueblo/span pTexto_Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate nonumi. Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat Duis autem vel eum iruire dolor in endrerit, voluptate velit est. Sit amet, consectetuer adipiscing elit, sed diam nonummi. Euismod tincidunt ut laroeet dolore magna aliquam erat voluptat. /p a href=www.webdelgrupo.comWebsite de
Re: [Ovillo] Formato html para fichas de conciertos
Hola Si, el tema de los microformatos ya lo miré bien si y nada. Igual lo suyo sería preparar un microformato para fichas o algo así, ¿no? en general todos los microformatos son muy concretos y claro igual perderían su cometido si se hiciera uno tan general que pudiera servir para fichas de diferentes temáticas, no se. saludos El 05/05/2011, a las 16:23, Martin Diego Moscardi escribió: Yo creo que la estan complicando demasiado. En cuanto a html, etiquetas semanticas para estructurar el documento, està html5, el cual es mas rico en ese sentido (y esta pensado para ese nivel). Ahora bien, con lo que tenemos, creo que la manera mas directa de estructurar lo que necesitas es por medio de listas y darle semantica mediante el nombre de las clases. En todo caso, fijate antes, si no hay un microformato estandard para lo que necesitas. Si no, dale tu propia semantica lo mas estandard posible. Si tenes ganas, quizas desarrolles algun microformato y lo propongas. ;). Saludos, Martin 2011/5/5 Martin Etxauri t...@eragin.com Aupa Alfredo Lo primero gracias por tu ayuda. Yo lo que quería no era estructurar los datos por alguna razón concreta, simplemente quería utilizar un html lo mas semántico posible, igual he utilizado estructurar donde no convenía pero me refería a eso, y la verdad que con xml no me voy a meter :) Tampoco es optimizar la presentación, si hablo de poner un H3 no es para obtener lo que un H3 me da visualmente, es simplemente para jerarquizar el contenido lo mas adecuadamente posible a nivel de código, porque a nivel visual se van a ver igual lo ponga con H3 o con span, para eso le meto con css y ya está. Agregar el nombre del concierto la verdad lo veo un sin sentido, si no hay, no hay ¿no? agregar un dato porque lo necesito para jerarquizar la información a nivel de código es un poco absurdo, el contenido es el que es y es ese contenido el que hay que formatear, ¿no? ¿o tendría sentido agregar un título oculto para aclarar un como el tema a nivel de usabilidad? tampoco sabría que poner la verdad, y luego está que yo estoy diseñando esto pero las fichas de conciertos ya están diseñadas y la bdd programada y aunque podría proponer cambios, como que no lo veo. Y como te puedes imaginar si esto está en un bdd no me hace falta tener el xlst para poder disponer de esos datos ya que esto está programado en php y todo tira de una bdd. Gracias de todos modos, siempre es interesante conocer cosas nuevas y siempre se aprende algo. saludos martin El 04/05/2011, a las 17:15, Alfredo Tinajero escribió: Hola Martín, He estado siguiendo el hilo de tu post y tengo algunas sugerencias. Primero, me gustaría aclarar cual es el fin que persigues, ya que hablas de darle estructura a los datos, es ahí donde captaste mi atención ya que ni xhtml ni css fueron diseñados para dar estructura a los datos, xhtml da estructura a la pagina (layout) y css da la presentación. Después note que hablas de usar h3 en uno solo o en todos los span, lo cual apunta mas a que lo que buscas es optimizar la presentación, no los datos. Si es este el caso, yo recomendaría que agregues otro dato: el nombre del concierto, y uses en el h3 o bien optes por lo que parece ser tu preferencia: aplica h3 a todo y que la imagen actúe a modo de titulo, pero esto no es una buena practica, te sugiero que agregues de todos modos el nombre o titulo, aunque sea en texto oculto. Si lo que deseas es darle estructura a los datos, existe también un lenguaje para eso: el xml, este fue diseñado para estructurar y transportar datos, que en tu caso vendría muy bien. Además de eso, puedes incluso definir la presentación de dichos datos por separado con lenguaje xlst o bien usar css en tu pagina, ambos casos dan excelentes resultados y dependen de tu preferencia. Otras ventajas que obtienes: no tienes que estar actualizando tu html y css ya que los datos están en un fichero independiente. Puedes manejar múltiples presentaciones de los mismos datos (usando xlst) sin cambiar hacer cambios a tu pagina. Los datos así son muy fáciles de transportar y re-utilizar en otras paginas. Puedes ordenar y filtrar los conciertos en base a cualquier criterio que definas sin cambiar el html, una simple línea en tu fichero xslt basta para ordenar y una para filtrar (una por cada filtro). Puedes presentar toda la información o parte de ella (puedes por ejemplo, omitir contenido relacionado y presentar el resto) Para tu caso el xml seria algo así: ?xml version=1.0 encoding=ISO-8859-1? catalogo concierto imagenimagen1.jpg/imagen grupoGrupo1/grupo hora00:00/hora salaNombre de la sala/sala puebloNombre del pueblo/pueblo descripcionLorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate nonumi. Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat Duis autem vel eum iruire dolor in endrerit
Re: [Ovillo] Formato html para fichas de conciertos
quieras presentar la información (elementos li, div, span, p, etc.) -Original Message- From: Martin Etxauri [mailto:t...@eragin.com] Sent: Wednesday, May 04, 2011 3:25 AM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Formato html para fichas de conciertos Hola No se si te refieres a revisar el html del ejemplo que mandas, lo cual ya he hecho, o si te refieres a revisar el mío, que eso pretendo ;D ahora mismo esto lo tengo así: li id=id_del_registro img src=imagen.jpg / span class=gruponombre del grupo/span span class=hora00:00/span span class=salaNombre de la sala/span span class=puebloNombre del pueblo/span pTexto_Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate nonumi. Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat Duis autem vel eum iruire dolor in endrerit, voluptate velit est. Sit amet, consectetuer adipiscing elit, sed diam nonummi. Euismod tincidunt ut laroeet dolore magna aliquam erat voluptat. /p a href=www.webdelgrupo.comWebsite de Nombre_del_grupo/a div class=contenidos_relacionados span class=titulo_de_contenidosContenidos relacionados/span ul lia href=#título de contenido1/a sección/li lia href=#título de contenido2/a sección/li lia href=#título de contenido3/a sección/li /ul /div /li Mi mayor duda es con esos span del principio.. no se si no debería meter todos dentro de un H3, porque meter solo el nombre del grupo no es muy exacto, (tampoco se si es correcto meter todo eso dentro de un H3, creo que aunque no suela ser así, correcto si que es ¿no?). Y de meter solo el nombre del grupo ¿que hago con el resto, tal cual? He estado mirando mas y sigo sin encontrar mucho. He visto que por ejemplo hay un microformato en desarrollo para recetas de cocina, que sería también un formato de ficha, por así decirlo, pero claro el marcaje es solo para recetas, ah, y también otro para reviews (reseñas, criticas...), que sería algo parecido, pero pasa lo mismo que con las recetas. Y bueno, el mirar los micro formatos me ha servido para pensar que los span no están tan mal, ya que en los microformatos muchos datos van con span: div id= class=vcard span class=fn n span class=given-name/span span class=additional-name/span span class=family-name/span /span p style=font-size:smaller;This a href=http://microformats.org/wiki/hcard;hCard/a created with the a href=http://microformats.org/code/hcard/creator;hCard creator/a./p /div En cualquier caso bienvenido será cualquier comentario sobre cualquier cacho de html :) saludos y gracias Martin El 03/05/2011, a las 14:09, santosvz escribió: Independientemente del CSS el XHTML si tiene una estructura, es cuestión de revisarlo. *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Etxauri *Enviado el: martes, 03 de mayo de 2011 03:43 a.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * *Aupa * *Agradezco la ayuda pero efectivamente mi duda era mas respecto al nivel xhtml si, *mas en concreto como estructurar todos los datos que justo aquí no aparecen. *En cualquier caso es un ejemplo chulo y si que me vale para ver como han hecho el *html en general, y ahí voy bien :) * *gracias * *El 03/05/2011, a las 02:12, santosvz escribió: * * El ejemplo tiene ambas cosas. * * *-Mensaje original- * *De: ovillo-boun...@lists.ovillo.org * [mailto:ovillo-boun...@lists.ovillo.org] En nombre * *de Martin Diego Moscardi * *Enviado el: lunes, 02 de mayo de 2011 06:54 p.m. * *Para: Ovillo, la lista de CSS en castellano * *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * * * *Entiendo que lo que pide Martin, es como estructurarlo a nivel xhtml los * *datos del grupo de musica, no como representarlo visualmente (un tema * para * *CSS). * * * *2011/5/2 santosvz santo...@graficssvz.com * * * * Creo que algo como el enlace te podría servir, dado que es para cuestión * de * * grupos de música y también la apariencia cuenta. * * Tendrías que adaptarlo a tu gusto pero no es problemático. Utiliza CSS3. * * Soportado por FF, Opera, IE9, Crome, Safari * * * * http://www.sohtanaka.com/web-design/examples/popoutdetails/ * * * * Posible ejemplo : http://i.imgur.com/zQkMl.jpg * * * * * * Soportado por FF, Opera, IE9, Crome, Safari * * *-Mensaje original- * * *De: ovillo-boun...@lists.ovillo.org * * [mailto:ovillo-boun...@lists.ovillo.org] En nombre * * *de Martin Etxauri * * *Enviado el: lunes, 02 de mayo de 2011 05:57 a.m
Re: [Ovillo] Formato html para fichas de conciertos
Hola No se si te refieres a revisar el html del ejemplo que mandas, lo cual ya he hecho, o si te refieres a revisar el mío, que eso pretendo ;D ahora mismo esto lo tengo así: li id=id_del_registro img src=imagen.jpg / span class=gruponombre del grupo/span span class=hora00:00/span span class=salaNombre de la sala/span span class=puebloNombre del pueblo/span pTexto_Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate nonumi. Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat Duis autem vel eum iruire dolor in endrerit, voluptate velit est. Sit amet, consectetuer adipiscing elit, sed diam nonummi. Euismod tincidunt ut laroeet dolore magna aliquam erat voluptat. /p a href=www.webdelgrupo.comWebsite de Nombre_del_grupo/a div class=contenidos_relacionados span class=titulo_de_contenidosContenidos relacionados/span ul lia href=#título de contenido1/a sección/li lia href=#título de contenido2/a sección/li lia href=#título de contenido3/a sección/li /ul /div /li Mi mayor duda es con esos span del principio.. no se si no debería meter todos dentro de un H3, porque meter solo el nombre del grupo no es muy exacto, (tampoco se si es correcto meter todo eso dentro de un H3, creo que aunque no suela ser así, correcto si que es ¿no?). Y de meter solo el nombre del grupo ¿que hago con el resto, tal cual? He estado mirando mas y sigo sin encontrar mucho. He visto que por ejemplo hay un microformato en desarrollo para recetas de cocina, que sería también un formato de ficha, por así decirlo, pero claro el marcaje es solo para recetas, ah, y también otro para reviews (reseñas, criticas...), que sería algo parecido, pero pasa lo mismo que con las recetas. Y bueno, el mirar los micro formatos me ha servido para pensar que los span no están tan mal, ya que en los microformatos muchos datos van con span: div id= class=vcard span class=fn n span class=given-name/span span class=additional-name/span span class=family-name/span /span p style=font-size:smaller;This a href=http://microformats.org/wiki/hcard;hCard/a created with the a href=http://microformats.org/code/hcard/creator;hCard creator/a./p /div En cualquier caso bienvenido será cualquier comentario sobre cualquier cacho de html :) saludos y gracias Martin El 03/05/2011, a las 14:09, santosvz escribió: Independientemente del CSS el XHTML si tiene una estructura, es cuestión de revisarlo. *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Etxauri *Enviado el: martes, 03 de mayo de 2011 03:43 a.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * *Aupa * *Agradezco la ayuda pero efectivamente mi duda era mas respecto al nivel xhtml si, *mas en concreto como estructurar todos los datos que justo aquí no aparecen. *En cualquier caso es un ejemplo chulo y si que me vale para ver como han hecho el *html en general, y ahí voy bien :) * *gracias * *El 03/05/2011, a las 02:12, santosvz escribió: * * El ejemplo tiene ambas cosas. * * *-Mensaje original- * *De: ovillo-boun...@lists.ovillo.org * [mailto:ovillo-boun...@lists.ovillo.org] En nombre * *de Martin Diego Moscardi * *Enviado el: lunes, 02 de mayo de 2011 06:54 p.m. * *Para: Ovillo, la lista de CSS en castellano * *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * * * *Entiendo que lo que pide Martin, es como estructurarlo a nivel xhtml los * *datos del grupo de musica, no como representarlo visualmente (un tema * para * *CSS). * * * *2011/5/2 santosvz santo...@graficssvz.com * * * * Creo que algo como el enlace te podría servir, dado que es para cuestión * de * * grupos de música y también la apariencia cuenta. * * Tendrías que adaptarlo a tu gusto pero no es problemático. Utiliza CSS3. * * Soportado por FF, Opera, IE9, Crome, Safari * * * * http://www.sohtanaka.com/web-design/examples/popoutdetails/ * * * * Posible ejemplo : http://i.imgur.com/zQkMl.jpg * * * * * * Soportado por FF, Opera, IE9, Crome, Safari * * *-Mensaje original- * * *De: ovillo-boun...@lists.ovillo.org * * [mailto:ovillo-boun...@lists.ovillo.org] En nombre * * *de Martin Etxauri * * *Enviado el: lunes, 02 de mayo de 2011 05:57 a.m. * * *Para: la lista de CSS en castellano Ovillo * * *Asunto: [Ovillo] Formato html para fichas de conciertos * * * * * *Hola gente * * * * * *Acudo a la lista después de andar un buen rato en google y no encontrar * * nada, que * * *ya me extraña, pero no he debido saber buscarlo, en fin. * * * * * *Estoy
Re: [Ovillo] Formato html para fichas de conciertos
Yo estoy igual que tú con listas de juegos y consultando otras webs he visto que sí suelen utilizar listas de definición. Hola Juanma, no se si lo de tu lista de juegos es algo así como reseñas de juegos con puntuación, pero si es así, échale un vistazo al micro formato de Reviews [1] que yo creo que te puede valer, todavía está en draft pero ya tienen un review creator [2]. Saludos [1] http://microformats.org/wiki/hreview [2] http://microformats.org/code/hreview/creator ___ 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] Formato html para fichas de conciertos
Aupa Agradezco la ayuda pero efectivamente mi duda era mas respecto al nivel xhtml si, mas en concreto como estructurar todos los datos que justo aquí no aparecen. En cualquier caso es un ejemplo chulo y si que me vale para ver como han hecho el html en general, y ahí voy bien :) gracias El 03/05/2011, a las 02:12, santosvz escribió: El ejemplo tiene ambas cosas. *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Diego Moscardi *Enviado el: lunes, 02 de mayo de 2011 06:54 p.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * *Entiendo que lo que pide Martin, es como estructurarlo a nivel xhtml los *datos del grupo de musica, no como representarlo visualmente (un tema para *CSS). * *2011/5/2 santosvz santo...@graficssvz.com * * Creo que algo como el enlace te podría servir, dado que es para cuestión de * grupos de música y también la apariencia cuenta. * Tendrías que adaptarlo a tu gusto pero no es problemático. Utiliza CSS3. * Soportado por FF, Opera, IE9, Crome, Safari * * http://www.sohtanaka.com/web-design/examples/popoutdetails/ * * Posible ejemplo : http://i.imgur.com/zQkMl.jpg * * * Soportado por FF, Opera, IE9, Crome, Safari * *-Mensaje original- * *De: ovillo-boun...@lists.ovillo.org * [mailto:ovillo-boun...@lists.ovillo.org] En nombre * *de Martin Etxauri * *Enviado el: lunes, 02 de mayo de 2011 05:57 a.m. * *Para: la lista de CSS en castellano Ovillo * *Asunto: [Ovillo] Formato html para fichas de conciertos * * * *Hola gente * * * *Acudo a la lista después de andar un buen rato en google y no encontrar * nada, que * *ya me extraña, pero no he debido saber buscarlo, en fin. * * * *Estoy preparando un html donde se muestran unos conciertos, cada uno con * sus * *datos, y no acierto a darle una estructura html correcta. Por ahora los * conciertos van * *en una lista, pero dentro de cada li tengo unos cuantos datos que no * tengo muy * *claro como estructurar: * * * *-Imagen * *-Nombre del grupo * *-Hora * *-Sala * *-Población * *-Texto * *-Contenidos relacionados: una lista de contenidos que, claro, va como ul * * * *He estado planteándome una lista de definición y meter todos los datos en * el dd, y * *una sublista, pero no tengo con que rellenar el dt en ninguno de los * casos, * ni para el * *concierto entero ni para los datos, porque no quiero poner hora:21:00 si * no solo * *21:00 que ya se sabe que es la hora, e igual con los demás. Además no me * *convence mucho. * * * *meter todos los datos en una ul tampoco me convence mucho. * * * *ahora lo tengo todo metido en span diferentes, salvo la imagen que está * a * pelo y * *el texto que está en un p pero no me convence un pelo claro, mas que * nada * era * *para diseñarlo. * * * *Y de paso, alguien conoce algún buen sitio con ejemplos de este tipo de * cosas, son * *las que siempre me tienen confundido a la hora de montar un html lo mas * semántico * *posible. * * * *gracias a todos de antemano. * * * *Martin * *___ * *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 tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Formato html para fichas de conciertos
Hola gente Acudo a la lista después de andar un buen rato en google y no encontrar nada, que ya me extraña, pero no he debido saber buscarlo, en fin. Estoy preparando un html donde se muestran unos conciertos, cada uno con sus datos, y no acierto a darle una estructura html correcta. Por ahora los conciertos van en una lista, pero dentro de cada li tengo unos cuantos datos que no tengo muy claro como estructurar: -Imagen -Nombre del grupo -Hora -Sala -Población -Texto -Contenidos relacionados: una lista de contenidos que, claro, va como ul He estado planteándome una lista de definición y meter todos los datos en el dd, y una sublista, pero no tengo con que rellenar el dt en ninguno de los casos, ni para el concierto entero ni para los datos, porque no quiero poner hora:21:00 si no solo 21:00 que ya se sabe que es la hora, e igual con los demás. Además no me convence mucho. meter todos los datos en una ul tampoco me convence mucho. ahora lo tengo todo metido en span diferentes, salvo la imagen que está a pelo y el texto que está en un p pero no me convence un pelo claro, mas que nada era para diseñarlo. Y de paso, alguien conoce algún buen sitio con ejemplos de este tipo de cosas, son las que siempre me tienen confundido a la hora de montar un html lo mas semántico posible. gracias a todos de antemano. Martin ___ 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] Cual diseño usar: Fixed, Fluid, Elastic?
aupa Para mi la mejor solución hasta ahora ha sido lo que dice Plácido, un diseño de tamaño fijo (mas que fijo concreto) con las medidas en em. De esta manera a las pantallas enormes no les aparecerá mas grande de buenas a primeras, pero si le dan zoom o tienen el tamaño de fuente del navegador puesto mas grande, si que les cogerá mayor tamaño. saludos martin El 30/03/2011, a las 04:31, Plácido Luna escribió: Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas recomienda usar medidas relativas en lugar de absolutas ( http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando aumentar así la accesibilidad de la información (hay mucho sobre esto, pero aquí algunas líneas puntales al respecto: http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php ) Saludos. Plácido Luna. El 29 de marzo de 2011 23:08, Reynier Pérez Mira reynie...@hotmail.comescribió: Gracias a todos por sus prontas respuestas pero ahora lanzó otra pregunta relacionada con la anterior: como sé si estoy haciendo un diseño Elástico? El usar medidas con EM o % me lo garantiza o existe alguna pauta que deba cumplir? Si mal no entendí de los artículos que leí diseño Elástico permite que la página se expanda al tamaño admitido por el monitor del usuario pero esto puede romper con el diseño gráfico o el maquetado de la página y el diseño Fixed es cuando se usa un valor estático para el contenedor principal de los contenidos del sitio pero esto provoca que en monitores de gran tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de 21.5 pero estoy trabajando para que la aplicación pueda verse en monitores (como mínimo) de 1024x768 de resolución, en este caso una definición como esta: div#wrap {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid #ccc;overflow:auto;} Estaría correcta? Saludos Ing. Reynier Pérez Mira Date: Tue, 29 Mar 2011 22:50:43 -0300 From: octubre196...@gmail.com To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic? En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em y luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada posible en el largo de las líneas de texto (cosa que en cierta forma también se lograría con la maquetación elástica si de cantidad de caracteres hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que tienen los monitores hace que el diseño fluido sea el menos apropiado desde mi punto de vista. Saludos! Plácido Luna. El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com escribió: Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida que programo voy descubriendo que el diseño no funciona bien en elástico y termino poniéndole un ancho fijo. La solución es pensar desde cero el diseño para elástico, y aún así la mayoría de las veces conviene ponerle max-width y min-width para evitar que se rompa. No soy el mejor, también tengo dudas con este tema. Martín. El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com escribió: Hola a todos: Estoy casi seguro de que este tema a sido discutido cientos de veces acá en la lista pero no logro encontrar un patrón a seguir para cuando voy a comenzar a desarrollar una aplicación. La cuestión es que he estado leyendo muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y contras pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es algo que no me queda claro y me gustaría aprender de los mejores. [1] http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/ [2] http://green-beast.com/blog/?p=199 Saludos y gracias por adelantado ___ 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 -- *Plácido Luna* http://www.octubre.com.uy (+598) 99 942723 ___ 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:
Re: [Ovillo] Convertir CSS externo a inline en autom ático
Oohh tio siii El de mailchimp me ha servido estupendamente, gracias, el otro lo pruebo mas adelante ;) No se que cojona he hecho para no encontrar esto con google, en fin, ovillo una vez mas al rescate. Y recomiendo fervientemente el post que mandas de regalo, para mi también es el post que mejor me ha explicado el tema del HTML para mails Mil gracias El 02/09/2010, a las 11:07, Andrés gutiérrez escribió: O esta http://premailer.dialect.ca/ Y de regalo el post que mejor me ha explicado el tema del HTML para mails http://24ways.org/2009/rock-solid-html-emails ___ 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] Texto con degradado
aupa Seguro que cualquiera de las maneras que comentas es mejor, pero solo por si acaso, está la manera de dejar el texto tal cual y ponerle por encima un png con un degradado de color de fondo a transparente. es cutrillo, pero en cuanto a recursos es solo un png para todos y en cuanto a estructura parecido a la imagen de sustitución con la ventaja de que el texto sigue siendo texto. saludos El 19/07/2010, a las 12:06, Marc Palau escribió: Hola colisteros. Hoy me toca realizar una consulta, la cual tengo un poco clara a mi manera pero igualmente os la quiero exponer para ver que pensáis al respecto y que habéis hecho vosotros cuando os ha tocado lidiar con este problema. Tengo unos títulos con el texto degradado (osea, el texto tiene una textura que es un degradado). He estado revisando varias opciones: - sIFR - Cufón - Imágenes de sustitución de titulos. - Typekit Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya que el flash me lo monto yo) y facilmente sustituible mediante jQuery. - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. Sumando que hay descarga de fuente y en ese mundo de la distribución de fuentes me pierdo. No lo he usado y desconozco el nivel de compatibilidad que tiene. - Imágenes: Pues una imágen para cada título. Practico, funciona y con un ficherito de sprite los metes todos y una vez cargado ya lo tienes para toda la página. Mantenimiento xungo, me veo con las ojeras generando una y otra vez el dichoso ficherito de imágenes. - Typekit: No me deja meter textura degradada en el texto. Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco más :-P gracias gracias un saludo Marc ___ 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] Texto con degradado
aupa si, eso había entendido yo yo lo que digo es poner un png superpuesto a las letras, la pega que tiene es que el fondo de las letras debe ser del mismo color que uno de los colores del degradado del texto, de manera que tu tienes tres capas, el fondo (con un color), el texto (otro color) y encima del texto un png que hace degradado del color de fondo (o un matiz suyo) a transparente. y consigues un texto con degradado dentro del texto. Es un sistema viejuno de dar textura a un texto html. he encontrado este link [1] en un momento, en su día lo vi en algún otro sitio saludos [1] http://www.webdesign.org/html-and-css/tutorials/css-gradient-text-effect.16535.html El 19/07/2010, a las 12:20, Marc Palau escribió: Pero lo que necesito con degradado es el texto, no el fondo del texto. Es que no se como describirlo. El relleno del texto tiene que ser un degradado :) eah! un abrazo Marc En/na Martin Etxauri ha escrit: aupa Seguro que cualquiera de las maneras que comentas es mejor, pero solo por si acaso, está la manera de dejar el texto tal cual y ponerle por encima un png con un degradado de color de fondo a transparente. es cutrillo, pero en cuanto a recursos es solo un png para todos y en cuanto a estructura parecido a la imagen de sustitución con la ventaja de que el texto sigue siendo texto. saludos El 19/07/2010, a las 12:06, Marc Palau escribió: Hola colisteros. Hoy me toca realizar una consulta, la cual tengo un poco clara a mi manera pero igualmente os la quiero exponer para ver que pensáis al respecto y que habéis hecho vosotros cuando os ha tocado lidiar con este problema. Tengo unos títulos con el texto degradado (osea, el texto tiene una textura que es un degradado). He estado revisando varias opciones: - sIFR - Cufón - Imágenes de sustitución de titulos. - Typekit Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya que el flash me lo monto yo) y facilmente sustituible mediante jQuery. - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. Sumando que hay descarga de fuente y en ese mundo de la distribución de fuentes me pierdo. No lo he usado y desconozco el nivel de compatibilidad que tiene. - Imágenes: Pues una imágen para cada título. Practico, funciona y con un ficherito de sprite los metes todos y una vez cargado ya lo tienes para toda la página. Mantenimiento xungo, me veo con las ojeras generando una y otra vez el dichoso ficherito de imágenes. - Typekit: No me deja meter textura degradada en el texto. Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco más :-P gracias gracias un saludo Marc ___ 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
[Ovillo] curiosidad css
hola a todos he aquí un curioso experimento con CSS http://www.subcide.com/articles/pure-css-twitter-fail-whale 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] varios script
Hola a todos Suelo evitar las largas cadenas que se producen con los OT para no alimentarlas, pero esta vez entraré para apoyar la idea de Leonel de simplemente no contestar, así el OT hace el ruido justo y no trae detrás veinte veces mas ruido de lo que hubiera sido si nadie hubiera contestado nada. saludos El 09/06/2010, a las 19:27, Leonel Silva escribió: Yo voto por simplemente no responder a las personas que pregunten cosas que no tengan que ver con la temática de la lista o por responder en privado. 2010/6/9 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com ¡Aclaraos ya porfavor! ¿La lista es de css, php, javascript, python o de qué? El 9 de junio de 2010 18:46, Marc Palau m...@palaueb.com escribió: Cómo se hace para nominar a la gente para expulsión?? parece spam incluso!! Al 09/06/2010 17:35, En/na Luis Mario Álvarez ha escrit: No, no, en el archivo de ovillo hay más rarezas de su autoría! 2010/6/9 carlos campderrósgilipollas.desconcerta...@gmail.com Hola, 2010/6/9 Joseba Rodríguezjos...@visionasolutions.es Estoy alucinando que tu yugular siga intacta. Esto parece un OT de los gordos. joder, olvídalo ya xD ¿A que te refieres con scripts? ¿Código? ¿Plantillas? ¿Ejemplos? Creo que a guiones (de películas, cortos, o así)... o almenos por la postdata que ha puesto. Para mi que se ha equivocado de lista o no ha prestado mucha atención al momento de inscribirse... -- 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 ___ 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] comportamiento de span e imagen flotada
muchas gracias strip la verdad que con lo que me dices y lo que pone ahí, ejemplos y todo lo veo mas claro. Si al flotarlo pasa a ser inline y antes tiene un elemento inline, se ponen en la misma fila, claro y como está flotada a la izquierda pues izquierda. apunto :) gracias El 27/04/2010, a las 21:58, stripTM escribió: Martin Etxauri escribió: Hola a todos Me he topado con un comportamiento que ha cambiado de FF2 a FF3 que no acabo de entender (y eso que también se ve igual que en FF3 en Safari y Opera (aunque Opera parece cambiar según el contexto que no acabo de pillar). El caso esquematizado es el siguiente: spantexto/span img src=imagen.jpg style=float:left; / En FF2 el span está siempre por encima de la imagen alineado a la izquierda (por defecto). En FF3 la imagen se coloca a la izquierda y el span se queda pegado a la derecha de la imagen y a la misma altura. Está claro que el span es un elemento de linea y si esto fuera al revés, que el span está debajo de la imagen, entiendo que sin flotarlo pase a la derecha de la imagen porque el float de la imagen la convierte en un elemento de linea. Lo que me sorprende es que al estar por encima de la imagen, la imagen se le cuele. Y pasa algo que a mi me parece curioso cuando metes un texto largo en el span: si vas cambiando el tamaño de la ventana (o extensión del texto) la imagen se colará solo a la última linea de texto (quedando pegada a la penúltima y con la última a su derecha) y solo siempre y cuando la última linea sea mas corta que el ancho de la ventana, claro. Bueno, y pasa lo mismo si en vez de poner un span pones simplemente un texto No acabo de entender muy bien porque pasa esto y no he logrado aclararlo en internet ¿alguien entiende porque pasa esto? Al margen de parecer mas o menos lógico quisiera saber en base a que pasa. Aquí tienes el bug donde lo corrigieron. https://bugzilla.mozilla.org/show_bug.cgi?id=50630 Cuando flotas un elemento que está junto a un elemento inline la especificación dice que debe colocarse a la altura de la última caja que genera el 'inline', en este caso al flotar la imagen a la izquierda la coloca justo antes de la última línea. -- Saludos -=stripTM=- ___ 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] comportamiento de span e imagen flotada
En eso te estás liando un poco. El elemento img es un elemento en línea; al flotar un elemento, éste pasa a ser de bloque. sisi, tienes razón, me estaba liando.. mas al decirlo que al pensarlo :P ___ 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] comportamiento de span e imagen flotada
Hola a todos Me he topado con un comportamiento que ha cambiado de FF2 a FF3 que no acabo de entender (y eso que también se ve igual que en FF3 en Safari y Opera (aunque Opera parece cambiar según el contexto que no acabo de pillar). El caso esquematizado es el siguiente: spantexto/span img src=imagen.jpg style=float:left; / En FF2 el span está siempre por encima de la imagen alineado a la izquierda (por defecto). En FF3 la imagen se coloca a la izquierda y el span se queda pegado a la derecha de la imagen y a la misma altura. Está claro que el span es un elemento de linea y si esto fuera al revés, que el span está debajo de la imagen, entiendo que sin flotarlo pase a la derecha de la imagen porque el float de la imagen la convierte en un elemento de linea. Lo que me sorprende es que al estar por encima de la imagen, la imagen se le cuele. Y pasa algo que a mi me parece curioso cuando metes un texto largo en el span: si vas cambiando el tamaño de la ventana (o extensión del texto) la imagen se colará solo a la última linea de texto (quedando pegada a la penúltima y con la última a su derecha) y solo siempre y cuando la última linea sea mas corta que el ancho de la ventana, claro. Bueno, y pasa lo mismo si en vez de poner un span pones simplemente un texto No acabo de entender muy bien porque pasa esto y no he logrado aclararlo en internet ¿alguien entiende porque pasa esto? Al margen de parecer mas o menos lógico quisiera saber en base a que pasa. Gracias a todos por adelantado Martin p.d.: en al caso práctico lo he arreglado poniéndole display: block; al span, pero me tiene mosca. ___ 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 de una lista dentro de otra lista
Hola lo que te pasa es normal lo que dices con ul#primerul li es que las listas dentro de #primerul tendrán ciertos atributos, pero no concreta que tenga que ser solo las listas de primer nivel... cualquier li dentro de #primerul cogerá esos atributos ya estén dentro de otra ul o no, con lo cual ederan todo lo que le pongas a ul#primerul li tendrás que poner #primerul li ul li {clear:none;} para limpiar lo que ereda de #primerul li saludos El 26/04/2010, a las 13:51, Nacho F. Carreño escribió: Hola a t...@s, Me estoy pegando con las CSS de una página y no soy quien a encontrar una solución. El caso es que tengo una lista ul dentro de otro lista ul de la siguiente manera ul id=primerul li img... / h3Título del listado/h3 ul liItem1/li liItem2/li liItem3/li /ul /li li img ... / h3Título del listado/h3 ul liItem1/li liItem2/li liItem3/li /ul /li /ul El caso es que necesito que el li principal tenga la propiedad clear:both y los li de la siguiente lista anidada necesito que tenga clear both pero no se porque me hereda el clear:both de la primera li y no soy capaz de conseguir el efecto que quiero hacer. Este es el css ul#primerul{ margin:0; padding:0; border:0; list-style-type:none; } ul#primerul li { clear:both; margin-bottom:40px; overflow:hidden; } #primerul li ul li { font-size:0.75em; color:#0e644b; float:left; margin-bottom:0; } ¿Sabéis que puede hacer para que el li anidado pueda flotar a la derecha y no tome la propiedad clear:both; del primer li? Gracias y un saludo, Nacho ___ 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] consulta sobre utilización de tablas en forms
Hola Adolfo Por un lado, no creo que mareemos la perdiz, comentamos las cosas y aclaramos dudas que es bien distinto. Por otro lado parece que no te has leído los mails y todo lo que hemos comentado. Y por último creo que entras en tono algo faltón y además no aportas nada nuevo a lo que ya se había dicho. saludos Martin El 13/04/2010, a las 13:00, adolfo Delgado escribió: Buenas a todos, como digo siempre, mareais la perdiz como nadie este es un ejemplo de un formulario basico: form fieldset legendAlta en el servicio/legend label for=nombreNombre/label input type=text id=nombre / label for=apellidosApellidos/label input type=text id=apellidos size=50 / label for=dniDNI/label input type=text id=dni size=10 maxlength=9 / label for=contrasenaContraseña/label input type=password id=contrasena / input class=btn type=submit value=Darme de alta / /fieldset /form estas son las etiquetas. un saludo aDelgado ___ 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] [curiosidad] Sitio que utiliza fuentes descargables.
Hola tei muy interesante muchas gracias. por lo que he podido ver el fonface en eot es para explorer y el ttf para resto ¿no? he visto que opera, safari y FF3 lo ven bien, camino (la versión que tengo viene a ser como FF2) no. ¿tienes idea de como funciona en los IE? imagino que medio bien en todos porque eot es suyo ;) mirando un poco he encontrado esto para conversiones de tipos, igual interesa a alguien: http://ttf2eot.sebastiankippe.com/ el tema de la sustitución de cursor solo me funciona en opera... una pena, porque le da un punto tremendo :) gracias por el link saludos martin El 11/04/2010, a las 13:55, Tei escribió: Este sitio es curioso y me ha parecido oportuno descargarlo, pues a veces hay dudas de como usar fuentes descargables. http://sidtube.com/ En este sitio se utilizan las fuenets descargables para dar un ambiente retro 8 bits. Bastante interesante (aunque no me gusta el resultado, es un tanto feo). Ademas se acompaña con un cambio del cursor del raton para completar la escena. un saludo. -- -- ℱin del ℳensaje. ___ 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] consulta sobre utilización de tablas en forms
Hola a todos Respecto a este tema de los formularios os envío lo que nos comentaba el funcionario que hizo la revisión de la web (en este caso del spri, organismo del gobierno vasco que se ocupa de estas cosas). Según esto lo que tu mandas, Santiago, no sería correcto, luego podéis estar de acuerdo o no :) pero yo os lo pongo: aquí va: --- • Los formularios de la web carecen de elementos estructurales. Si no se desea utilizar elementos estructurales en el formulario, la asociación implícita de los controles y las etiquetas del formulario deberá realizarse por englobamiento y no por posicionamiento. A lo que nos referimos es que los campos de formulario no tienen ninguna estructura (p o incluso li). Debido a que son campos de formulario, no hace falta utilizar esos elementos estructurales, porque podemos utilizar el elemento label para dar la estructrura. Pero en este caso la asociación debe ser por englobamiento y no por posicionamiento (como ocurre ahora): Es decir, si no se quiere utilizar otra estructura (p), se podrá utilizar el elemento label, que ofrece suficiente estructura si cada label engloba tanto la etiqueta de texto como campo de formulario: * incorrecto: label texto /label + campo formulario * correcto: plabel texto/label + campo formulario /p * correcto: label texto + campo formulario /label * correcto: plabel texto + campo formulario /label/p Es decir, la estructura mínima se tiene que ofrecer mediante los label, englobando [1]. Sí sólo hay label, pero éste no engloba texto y campo, sino que están uno después del otro [2], entonces no es correcto y hay que buscar una estructura más, como el p. [1] Englobamiento: cuando label engloba tanto a etiqueta de texto como a campo de formulario. [2] Posicionamiento: el label sólo engloba la etiqueta de texto e inmediatamente después, se pone el campo de formulario. saludos a todos Martin El 08/04/2010, a las 09:14, Santiago García escribió: Martin Etxauri: Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Hola, Martín: Para que uses LABEL+INPUT en lugar de TABLE, aquí te pongo otra alternativa que da el pego: -- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es head titleColumnas sin tablas/title meta http-equiv=Content-Type content=text/html; charset=ISO-8859-15 / meta name=Generator content=EditPlus / style type=text/css label { width: 25%; background-color: yellow; float: left; text-transform: capitalize; } select, input { display: block; margin-left: 25%; width: 50%; } /style /head body h1Columnas sin tablas/h1 label for=nombrenombre/labelinput id=nombre/ label for=apellidosapellidos/labelinput id=apellidos/ label for=edadedad/labelinput id=edad size=2/ label for=profesionprofesión/labelinput id=profesion size=30/ label for=estadoestado civil/labelselect id=estadooptionsoltero/optionoptioncasado/optionoptiondivorciado/optionoptionviudo/option/select /body /html -- Santiago. ___ 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] Navegar solo con el teclado
aupa gracias tei por tu respuesta, ya he mirado un poco todo, ya he visto el tema tabindex y acceskey muy interesante todo, también lo que comentas de greasmonkey. hay una cosa que no he encontrado y es respecto a la negación por contenidos mediante cursor y es que el firefox por ejemplo da la posibilidad de moverte por los contenidos con el cursor, pero cuando las css están aplicadas se crean muchos cul de sac, calles sin salida y cosas así, a veces me da como que el cursor no es capaz de entrar en elementos block, los toma en cuenta como un elemento de la linea y se lo salta tal cual, sin entrar en el... a veces parece que sip... estoy un poco confuso. pero bueno esto es mas que nada curiosidad y ganas de conocer porque en realidad una navegación por tabulador es mas normal y en esa resulta no haber grandes problemas... algún cul de sac si me he encontrado en alguna web sin saber muy bien porque, pero no en la que estaba construyendo yo. gracias martin El 06/04/2010, a las 14:52, Tei escribió: A nivel de usuario, es conocer los recursos que da el navegador, todos deberian permitir navegar por todos los elementos logicos del sitio web mediante tabulador. En algunos casos puede ayudar atajos como ir a la barra de direccion o recorrer los enlaces de forma inversa, etc. A nivel de diseñador web, se pueden ajustar atajos de teclado para partes concretas del interface, desgraciadamente no tenemos todo el teclado disponible, cosas como F1, invocar ayuda.html no resultan posibles (que yo sepa). A un nivel intermedio, si uno utiliza todo el dia un sitio web (por ejemplo, el del banco), y se frustra porque no hay una caracteristica que nosotros como desarrolladores web la vemos evidente su falta, y muy molesta, bastaria como instalarse Greasemonkey, y escribir un pequeño script que modifique la pagina parcheando eso que necesitamos. En este caso podria ser por ejemplo poner el foco por defecto en cierto campo (en Onload), o asignar atajos de teclados a partes importantes del sitio web. Si uno navega con firefox, hay extensiones que intentan enriquecer todas las paginas web con atajos y navegacion por teclas. ... El atributo de HTML estandar para controlar el orden de los widgets es tabindex, por defecto vale 0 (seguir el orden logico en el codigo), dandole otros valores se puede organizar el orden, dandole valor -1 es posible hacer que no se muestre, pero esto es una caracteristica no-standard que algunos navegadores pueden no soportar. 2010/4/6 Martin Etxauri t...@eragin.com: Hola La segunda cuestión, la de utilizar el tabulador en Firefox, me la respondo yo mismo. Ha resultado no ser cosa del Firefox si no de la configuración de teclado en el mac :P En preferencias del sistema / teclado / funciones rápidas de teclado abajo del todo puedes configurar para que el tabulador solo vaya a campos de texto y listas o a todo. Mirar había mirado pero no donde debía por lo visto saludos El 06/04/2010, a las 14:09, Martin Etxauri escribió: Hola a todos Ando queriendo meterme en preparar las webs para que pueden navegarse solamente con el teclado pero me estoy encontrando algún jaleo que otro, pruebo en webs ya hechas y el cursor no puede acceder a partes de la web o llega a algunas tipo cul de sac puede entrar pero luego no hay manera de moverlo... no tengo ni idea de que provoca todo esto y me he vuelto un poco loco buscando algún documento/post/loquesea que explique como va todo esto. Al desactivar las css estos problemas desaparecen pero me ha extrañado mucho que lo que tocamos desde css afecte a como se mueve el cursor por la pantalla, creía que seguiría el flujo tal y como está en el HTML sin importarle el tema CSS. Además de esto estoy en Firefox (3.6.2) y no hay manera de navegar por la web con el tabulador... solo me salta de la barra de direcciones al buscador y a la web entera (pone en focus la ventana de web), pero no hay manera de navegar con el tabulador por los links como creía que se podía (sin tener que poner tabindex a los links...) y tampoco he encontrado algo respecto a esto... se me está poniendo una cara de tonto considerable... ¿alguien conoce algún documento o sitio que se hable de estos temas de manera extensa? gracias a todos Martin -- -- ℱin del ℳensaje. ___ 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] Tarifario Web
hola a todos en españa la asociación de diseñadores de valencia publicó unas tarifas hace tiempo, y en 2008 las renovó, en este post está todo bien claro de como y que, y las tarifas, claro: http://www.miguelvagalume.com/?page_id=655 creo que es lo único que hay pero está muy bien saludos El 07/04/2010, a las 11:20, Daniel Walter Pérez Corvalán escribió: El mar, 06-04-2010 a las 20:32 -0400, Victor Hugo Arias Valencia escribió: Para colombia: http://www.creativoscolombianos.com/profiles/blogs/tarifas-adgora-2009 2010/4/6 joel vinicio almanzar joel_alman...@hotmail.com Saludos, Algunos de ustedes tendra conocimiento de algunos formatos para tarifarios webs. Gracias _ ¿Quieres encontrar tus emails más rápido? Organízalos por carpetas y así es más fácil. Ver más http://www.descubrewindowslive.com/hotmail/organizacion.asp ___ 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 Hola victor, Interesante, y como dijo luis, aqui en españa tambien se podria hacer algo. Te pregunto victor, los precios estaran en Pesos colombianos supongo (perdon pero no conozco la moneda colombiana), para tener una idea acuanto esta la moneda colombiana en relacion a los u$s ? ___ 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] Navegar solo con el teclado
Hola a todos Ando queriendo meterme en preparar las webs para que pueden navegarse solamente con el teclado pero me estoy encontrando algún jaleo que otro, pruebo en webs ya hechas y el cursor no puede acceder a partes de la web o llega a algunas tipo cul de sac puede entrar pero luego no hay manera de moverlo... no tengo ni idea de que provoca todo esto y me he vuelto un poco loco buscando algún documento/post/loquesea que explique como va todo esto. Al desactivar las css estos problemas desaparecen pero me ha extrañado mucho que lo que tocamos desde css afecte a como se mueve el cursor por la pantalla, creía que seguiría el flujo tal y como está en el HTML sin importarle el tema CSS. Además de esto estoy en Firefox (3.6.2) y no hay manera de navegar por la web con el tabulador... solo me salta de la barra de direcciones al buscador y a la web entera (pone en focus la ventana de web), pero no hay manera de navegar con el tabulador por los links como creía que se podía (sin tener que poner tabindex a los links...) y tampoco he encontrado algo respecto a esto... se me está poniendo una cara de tonto considerable... ¿alguien conoce algún documento o sitio que se hable de estos temas de manera extensa? gracias a todos Martin ___ 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] Navegar solo con el teclado
Hola La segunda cuestión, la de utilizar el tabulador en Firefox, me la respondo yo mismo. Ha resultado no ser cosa del Firefox si no de la configuración de teclado en el mac :P En preferencias del sistema / teclado / funciones rápidas de teclado abajo del todo puedes configurar para que el tabulador solo vaya a campos de texto y listas o a todo. Mirar había mirado pero no donde debía por lo visto saludos El 06/04/2010, a las 14:09, Martin Etxauri escribió: Hola a todos Ando queriendo meterme en preparar las webs para que pueden navegarse solamente con el teclado pero me estoy encontrando algún jaleo que otro, pruebo en webs ya hechas y el cursor no puede acceder a partes de la web o llega a algunas tipo cul de sac puede entrar pero luego no hay manera de moverlo... no tengo ni idea de que provoca todo esto y me he vuelto un poco loco buscando algún documento/post/loquesea que explique como va todo esto. Al desactivar las css estos problemas desaparecen pero me ha extrañado mucho que lo que tocamos desde css afecte a como se mueve el cursor por la pantalla, creía que seguiría el flujo tal y como está en el HTML sin importarle el tema CSS. Además de esto estoy en Firefox (3.6.2) y no hay manera de navegar por la web con el tabulador... solo me salta de la barra de direcciones al buscador y a la web entera (pone en focus la ventana de web), pero no hay manera de navegar con el tabulador por los links como creía que se podía (sin tener que poner tabindex a los links...) y tampoco he encontrado algo respecto a esto... se me está poniendo una cara de tonto considerable... ¿alguien conoce algún documento o sitio que se hable de estos temas de manera extensa? gracias a todos Martin ___ 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] [OT] consulta sobre utilización de tablas en forms
Hola a todos Me gustaría saber vuestra opinión sobre el uso de tablas en formularios, (no se si es un off topic pero porsiaca ;D ) Yo, con toda la buena intención había utilizado tablas para unos formularios, me pareció que un formulario es un contenido que se puede mostrar en una tabla de dos columnas, en la de la izquierda ponemos que es cada campo y en el de la derecha los campos a rellenar, y claro, según esta idea mía, lo de la izquierda serían TH porque dicen que es lo que contienen (o contendrá) los TD de la derecha. No se, si yo pongo una ficha de una persona no cabe duda de que eso puede ser datos tabulados ¿no? por poner un ejemplo super resumido algo así: table tr thNombre/th tdPepito/td /tr tr thApellido/th tdGrillo/td /tr /table Entonces, ¿un formulario que es eso mismo, pero todavía sin rellenar, no puede ser también datos tabulados? que vendría a ser (no pongo todo el code del form): table tr thNombre/th td[textfield para poner nombre]/td /tr tr thApellido/th td[textfield para poner apellido]/td /tr /table Todo esto viene de una web que tiene que pasar una revisión de accesibilidad para recibir una subvención y me decían que no, que por un lado eso no tiene que estar maquetado con tablas y por otro, claro, que estaba utilizando los TH para uso estético... pero yo lo había hecho creyendo que estaba bien utilizado y lo sigo creyendo :) Gracias a todos Martin ___ 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] consulta sobre utilización de tablas en forms
Aupa Muchísimas gracias a todos por las respuestas, me habéis aclarado la cosa bastante. Me voy a mirar los links y me desharé de las tablas, que aunque podrían colar ;) creo que no pintan nada. gracias saludos Martin ___ 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] Excelentes Noticias (adios IE6)
Aupa José Yo creo que tienes bastante razón, eso si, las comparación con el canon, los controladores o los políticos me parece un poco desmadrada, o mucho, entre otras cosas porque por aquí es mas perro ladrador... que otra cosa. Yo creo que el enfoque es un poco confuso, porque en realidad creo que no somos nosotros los que tenemos la potestad de decidir si dejamos de dar soporte a IE6, como mucho somos los que tenemos la potestad de decidir si le vamos a cobrar mas o menos al cliente para darle soporte a IE6 con lo que eso conlleva, porque no creo que seamos precisamente gente con sueldazos y que tengamos, en general, la sartén por el mango. En otros oficios que el cliente desconozca lo que cuestan las cosas y el trabajo que da cada una sirve para poner unas tarifas desorbitadas y que nadie diga nada, pero en este sirve para que nos lo tengamos que pelear mas nosotros, y en general, tenagamos que andar explicando una y otra vez porque esto vale tanto o porque aquello no se puede hacer (dentro de tal presupuesto). No creo que haya mucho corporativismo real en este oficio, la verdad, a la que te despista alguien con un cms y cuatro apaños mal hechos ofrece webs a cuatro duros. Y aunque aquí entre nosotros echemos pestes contra IE6 y parezca que ya nadie le va a dar soporte me temo que no es así. Porque tampoco creo que sea acertado el enfoque este de el que use IE6 y no vea bien las webs que se aguante y se lo curre, seamos sinceros, esto solo funciona con Google, youtube y todas los sites gigantes a los que la gente quiere tener el acceso asegurado y quiere verlos bien... con las webs en general, si llega un usuario con IE6 y la ve mal el único damnificado es el dueño de la web, porque el usuario dirá vaya puta mierda se ve mal y se irá a otro sitio. Por último he leído que los diseñadores queremos que se vea perfectamente todo en IE6 y que no es necesario, pero yo creo que lo que pasa es otra cosa: si haces una web muy simple, explotando por encima las capacidades de las css, lo que se ve mal en IE6 es muy poco y no causa gran problema, algún desajuste allí, un descentrado allá; pero si tu quieres sacarle partido a las CSS e intentas mantener una accesibilidad y a la vez sacarle un buen partido para tener un buen diseño, sacándole bien de jugo a las css, entonces, lo que salta en IE6 es mas grave y puede resultar en perdida de algo de información o, al menos, no aceptable desde la usabilidad, y necesita ser solucionado ad hoc. Y ya que te vas a poner a solucionar pues lo niquelas. perdonen la chapa :) saludos El 10/02/2010, a las 10:39, José Mármol escribió: Cada vez nos parecemos más a la SGAE. Nosotros por encima del mundo. Me estoy dando verdadera pena. A lo mejor es que soy un romántico y pienso que nuestro trabajo es para que lo disfruten otros, no para satisfacer nuestra vanidad de sabios programadores-diseñadores... Mucho ego y mucho corporativismo hay por aquí. Supongo que luego nos quejaremos de la huelga de controladores, del canon digital o de como los políticos se miran el ombligo. Tururú, tururú, tururú. Y esta es una lista de CSS?. Un cordial saludo a t...@s J. Marmol El 10 de febrero de 2010 10:23, Ramón Corominas lis...@ramoncorominas.comescribió: Y digo yo... ¿si no disponen de Internet para qué demonios usan Internet Explorer? Y lo de su falta de interés, pues lo dicho, que se aguanten. SoporteNuke escribió: Se que muchos dirán que es cruel hacerlo de ese modo, pero me limito a probar en las últimas versiones de los navegadores...Pero si hay algo que tomar en cuenta es que a muchos no se les hace tan fácil actualizar, a veces no disponen de medios como Internet o memorias flash o interés en hacerlo... ___ 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 -- Un cordial saludo. Jose Marmol www.patrimoniodesanlucar.es ___ 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] em vs. px
hola a todos A parte de las razones que se han dado aquí, yo diría que una vez que te acostumbras a trabajar con ems es muy cómodo, es otra manera de trabajar, ya no pones el tamaño de tipografias de una manera absoluta si no que empiezas a pensar y trabajar de una manera relativa. Como ha dicho alguien en un momento dado puede ser mas complicado al principio, pero al final te haces una idea muy buena de como estás colocando los tamaños de las tipografías a lo largo de toda web, y la relación que hay entre ellas, quedando bastante claro la jerarquización que estás utilizando porque los tamaños se heredan y los pones en relación al último tamaño establecido en uno de los padres de ese elemento. No me voy a liar a poner ejemplos pero uno muy práctico son las listas anidadas, cuando quieres que el tamaño del tipo vaya decreciendo. si a unas listas anidadas les pones: ul{font-size:0.9em;} como el estilo se hereda en todas las listas, en cada lista hija el tamaño del texto es el 90% del tamaño de la madre, de modo que el texto va decreciendo sin que tengas que definir tamaño en todas las listas ni tener que calcular cuantos pixeles le quitas a la siguiente. aparte si tienes definido el tamaño en ems puedes cambiar todo el tamaño del texto de una web de un plumazo manteniendo todas las proporciones. a mi me pasa que a veces empiezo a poner tamaños en una web y no tengo muy claro si estoy empezando con un tamaño de texto demasiado grande o pequeño y que conforme vaya estableciendo tamaños según la jerarquía voy a acabar con algo demasiado grande o pequeño, de modo que establezco las relaciones y al final puedo ponerlo todo algo mas grande o algo mas pequeño, sin tener que ir cambiando todas las medidas de texto una a una. la verdad que todo esto también puedes ponerlo trabajando con porcentajes en los tamaños, los ems para lo que sirven (que no se puede hacer con px o %) en realidad es para establecer tamaños de otros elementos y supeditarlos a los tamaños y unidades de la tipografía, lo cual en un momento dado puede ser muy lógico y muy práctico. Aunque no es el caso de los diseños estáticos, a veces, en un diseño estático, los em vienen bien para establecer tamaños de elementos que contienen texto y sabes que aunque se mueva algo seguirá proporcionado. Hay algunos casos que igual necesitas poner algo con una posición absoluta a un elemento que contiene texto, pero si la posición absoluta la marcas en em no te causa problemas si se hace zoom solo al texto, lo cual le da una flexibilidad a la posición absoluta bastante importante, esto por ejemplo lo estoy usando en menús horizontales con submenus en :hover. (consigues que al aparecer en :hover una sublista anidada no se rompa la horizontal de los elementos de la lista madre). perdón por la chapa, espero que le valga a alguien y anime a algunos a probar los em, que aparte de que sean necesarios o tengas pros y contras, lo que si tienen es que es otra manera de trabajar que igual resulta que te va mejor que los pixeles saludos El 10/02/2010, a las 18:01, Antonio García escribió: Hola de nuevo, Carlos, efectivamente creo que la respuesta de Rodrigo es la mejor respuesta a mi duda. ¡Gracias Rodrigo! Leonel, tienes razón en cuanto al agente. Sin embargo los nuevos agentes son tendentes a mejorar lo existente y los que yo conozco no tienen problema a la hora de ampliar tipografías en px. Jairo, al indicar a Firefox que sólo amplíe el texto, lo amplia igual, independientemente de que su tamaño esté indicado con píxeles o con em. Es curioso, eso sí, que si los div están medidos con em, si le dices a Firefox que sólo amplíe el texto, también se ampliarán. Es interesante, pero no estoy seguro de que sea útil. Bueno, tengo el tema mucho más claro. Muchas gracias a todos. Antonio 2010/2/10 carlos campderrós gilipollas.desconcerta...@gmail.com Hola, 2010/2/10 Antonio García anega...@gmail.com Jairo, En las WCAG 1.0 sí quedaba claro. ¡Y tenía sentido! Los navegadores antiguos no ampliaban el sitio, ampliaban el tamaño del texto por defecto. En las WCAG 2.0 no veo que lo diga tan claro. Justamente estaba mirando ahora las WCAG 1.0 y 2.0, y veo que, como comentas, no hace esa distinción clara que hacía antes. Y además, en muchos apartados de las WCAG 1.0 (aunque no es el caso de los tamaños de letra, punto 3.4) especificaban siempre aquello de 'Hasta que los agentes de usuario no hagan blabla hazlo tú'. A mi manera de ver las cosas (quizás errónea, todo sea dicho), por el tema de accesibilidad (y sin tener en cuenta IE6) ya no es necesario especificar las fuentes en medidas relativas (em o %) y se pueden usar medidas absolutas. Ahora, como comentaba Rodrigo (ver más abajo mi respuesta): 2010/2/10 Rodrigo Álvarez Virgós rodri.vir...@gmail.com El em es un gran invento. Si tienes algo del este estilo div
[Ovillo] [OT] risas - era: diseñador para proyecto
jejeje que risas tei, de verdad y mas risas que me he echado leyendo todo el jaleo que ha provocado tu mail jejeje un par de aclaraciones por mi parte: -El tema de que la gente de artes plásticas es más insegura (o sin el más, insegura a secas) Tei no se lo ha inventado. Por supuesto que las generalizaciones no son mas que eso, generalizaciones, pero después de pasarme 5 años en una facultad de Bellas Artes y lo que ha venido después (que ya han pasado mas de 10 años) os puedo asegurar que no se lo ha inventado, ni por asomo. -En mi opinión un diseñador si debería ser gente de artes plásticas aunque ciertamente muchas veces no lo es, pero que alguien sea gente de artes plásticas no supone, ni de lejos, que sea diseñador, es mas, el mundo está lleno de gente de artes plásticas que como no pilla otra cosa se mete a diseñador y, claro, hace lo que puede. -En general se olvida que el diseño va mucho mas allá de las capacidades artísticas de alguien y que hay que tener unos conocimientos y unos estudios de bastantes cosas, que nada tienen que ver con las capacidades artísticas y que pueden ser creativas de la misma manera que lo es la programación (que lo es, y cualquiera que toque css – que no es programar, pero pide buscar soluciones, por lo menos cuando le das caña y lo quieres exprimir– puede vislumbrar lo creativo que puede ser el buscar soluciones en programación). -por último he de añadir que los artistas que se dedican al arte son bastante mas inseguros creatívamente que la gente que también se dedica al diseño, entre otras cosas porque el diseño muchas veces poco tiene que ver con esa magia que dice Tei y mucho con trabajar bajo unos parametros que poco tienen de subjetivo o estéticos. Y bueno, algunos si sabemos porque somos capaces de hacer lo que hacemos creativamente... entre otras razones haber metido horas a destajo y no para de darle vueltas a la cabeza (y porque es una habilidad que todo ser humano tiene, mas o menos desarrollada y trabajada). saludos seguir todos así :) El 04/02/2010, a las 19:45, Tei escribió: Tampoco se puede automatizar la creacion de un CMS o un framework, o los pobres programadores no nos ganariamos la vida porque nos habrian sustituido por un script :-). Alguna gente no se lo cree y lo intenta, y salen monstruosidades generadoras de codigo muy divertida y cruentas. Mi opinion es que las personas de artes plasticas son mas inseguras acerca de su creatividad. Un programador no pierde nada por compartir sus trucos y descubrimientos con otros programadores, por eso lo hacen, y viven en una inmensa hermandad cuasi comunista. Las personas de perfil creativo grafico desconocen porque son capaces de hacer lo que hacen, y viven con miedo de que si comparten sus trucos con otras personas, se los roben. O levantarse un día por la mañana y haber perdido la magia. O viven en la perpetua paranoia de mira este que me esta plagiando. los programadores lo que hacen: compartir los diseñadores plasticos lo que hacen: no compartir porque: opinable. 2010/2/4 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com: Eso sería algo que permitiría abaratar costes pero la creatividad no es algo que se pueda automatizar como un CMS o un framework. Algo que es muy interesante consistiría tener un repositorio con diseños en el que los creativos colocan sus trabajos y éstos se puedan utilizar de forma gratuita, con un pequeño coste o con el coste real de forma exclusiva. El 4 de febrero de 2010 18:57, Lenin Meza Zarco merolh...@gmail.comescribió: Hola, bebería de existir un modelo de desarrollo de diseños similar al modelo de desarrollo de Software Libre no creen? asi todos ganamos de los programadores y diseñadores ñ_ñ, todo por amor al conocimiento libre. Obviamente cada quien vería como ganaría dinero con eso. -- -- ℱin del ℳensaje. ___ 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] icono al final de cada elemento de una lista
hola ¿porque no ponerlo como imagen de fondo del li? y depende de donde lo quieras, le das padding y lo alineas. saludos El 30/12/2009, a las 19:19, Ignacio Ricci escribió: Podrías hacer lo siguiente: li:after {content:url(icono.gif);} No estoy muy seguro sobra la compatibilidad crossbrowser. Creo que anda en todos menos IE. [image: Ignacio Ricci - Designer + Developer] 2009/12/30 Chema Dieste chemadie...@yahoo.es Cordiales saludos: Tengo una lista en la que quiero poner un pequeño icono (de archivo pdf) al final de cada línea de elemento li. El problema lo tengo porque cada línea tiene una longitud distinta. La lista podría ser así: -. -. -. -. Y el icono debe ir después de cada punto y aparte. He probado varias opciones y no me funciona bien ninguna, es por eso que solicito ayuda en esta lista. Gracias de antemano y un cordial saludo Chema ___ 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] icono al final de cada elemento de una lista
Si, perdona, me he hecho un esquema en la cabeza y luego he dicho otra cosa. Como lleva un icono de pdf he supuesto que los elementos de la lista eran enlaces y, siendo así, la imagen de fondo se les pone a los a. Esto era lo que estaba en mi cabeza que a estas horas ya está un poco espesa ;) El 30/12/2009, a las 19:23, Ignacio Ricci escribió: Martín esa solución no funciona con elementos de diferentes largos... Otra solucion es agregar el icono via Javascript. [image: Ignacio Ricci - Designer + Developer] 2009/12/30 Martin Etxauri t...@eragin.com hola ¿porque no ponerlo como imagen de fondo del li? y depende de donde lo quieras, le das padding y lo alineas. saludos El 30/12/2009, a las 19:19, Ignacio Ricci escribió: Podrías hacer lo siguiente: li:after {content:url(icono.gif);} No estoy muy seguro sobra la compatibilidad crossbrowser. Creo que anda en todos menos IE. [image: Ignacio Ricci - Designer + Developer] 2009/12/30 Chema Dieste chemadie...@yahoo.es Cordiales saludos: Tengo una lista en la que quiero poner un pequeño icono (de archivo pdf) al final de cada línea de elemento li. El problema lo tengo porque cada línea tiene una longitud distinta. La lista podría ser así: -. -. -. -. Y el icono debe ir después de cada punto y aparte. He probado varias opciones y no me funciona bien ninguna, es por eso que solicito ayuda en esta lista. Gracias de antemano y un cordial saludo Chema ___ 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 tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Consulta sobre editor CSS
aupa gracias a todos por las respuestas. creo que antes de ponerme a hacer scripts me sale mejor hacerlo a mano y ya. no es que buscara ninguna solución mágica, solamente se me ha ocurrido que igual algún programa lo hacía... gracias El 26/10/2009, a las 5:31, martin boggino escribió: no conozco tal programa, pero si una nueva extension del mozilla firefox, se llama firebug, lo que hace es mostrarte en detalle, el tamaño de los padding, marging, images, css, asi puedes ver una pagian en particular que te guste el diseño y recompones sobre un proyecto tuyo, saludos El 23 de octubre de 2009 13:03, Martin Etxauri t...@eragin.com escribió: Hola a todos Me ha surgido un encargo donde sobre unos htmls ya montados tengo que reutilizar los class que hay en ellos y redefinirlos en el documento CSS pero sin tocar los htmls. ¿conocéis algún editor que tenga la función de listar en automático todos los class que encuentra en varios htmls? y si generara un archivo CSS con los class ya puestos para solo rellenar ;D na, esto es demasiado. Se puede hacer fácilmente a mano sin mucho lío, pero me ha parecido que a alguien se le tenía que haber ocurrido y que igual existe. bueno,igual es una tontería que tienen todos y yo no me entero... 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 -- MARTIN BOGGINO R Contacto al: Tel.: (021) 212 418, de 7:30hs a 12:30 hs y de 15:30 hs a 19:00hs de Lunes a Viernes, Cel.: (0981) 620 062 ___ 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] Enlace en determinada área
aupa con css puedes mapear imágenes de diferentes maneras. te dejo un link [1] La mayoría te servirá porque no es aplicar un elemento AREA y te da igual hacerlo sobre un img o sobre cualquier otra cosa. saludos [1] http://designreviver.com/tutorials/css-image-map-techniques-and-tutorials/ El 19/10/2009, a las 20:10, ReynierPM escribió: I'm Jepser wrote: se llama mapear un link... en dreamweaver es bien facil hacerlo. Simplemente insertas una imagen y luego en la parte inferior hay una figuritas como celecestes, dales clic allí y listo haces la forma de donde deseas el mapa del link. Ese es justamente el problema que como no es una imagen que está incrustada con la etiqueta IMG no puedo aplicar el elemento AREA. Es una imagen puesta con la propiedad background de CSS y aplicada al DIV contenedor de todo el texto. -- Saludos ReynierPM ___ 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] ¿Firefox muuuuuy lento?
aupa A mi esto me pasaba alguna vez con el 2 pero con el 3 no. saludos El 09/10/2009, a las 17:05, Rodrigo Álvarez Virgós escribió: Hola a todos Perdón por el off-topic, pero ¿soy el único al que últimamente Firefox le va extremadamente lento? Encima cuando tengo varias pestañas abiertas, si una de ellas está cargando me bloquea todas las demás, tienes que esperar a que acabe para seguir trabajando y es muy frustrante. ¿A alguien más le pasa? No he instalado ninguna extensión nueva. ___ 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] logotipos: h1img /.......
aupa es una solución muy maja una cosa, el z-index: 1; del H1 en realidad no lo necesitas para nada ¿no? saludos El 17/09/2009, a las 10:22, Jorge Gónzalez - yparamuestaunboton.com escribió: A mi me gusta esta opción (a la que mas se asemeja es la A) que usamos una compi y yo, con ayuda de la gente de CTIC. h1a title=Ir a la página Inicio href=link.htmlspanabbr title=Open FrameWork for the Public AdministrationOpenFWPA/abbr/span/a/h1 h1 {position: relative; z-index: 1; margin: 0; width: 267px; padding: 52px 0 0 24px} h1 a {display: block; width: 267px; height:58px; background: url(../img/bg_logo.gif) no-repeat;} h1 a span {position: absolute; z-index: -1; font-size: 2em} Online: http://www.asturias.es/openFWPA Nota: sobra el span, se podría haber aplicado el z.-index: -1 directamente al abbr (supongo que se nos paso o decidimos meter abbr después) tb comentar al verlo así que mejor un 'acronym' que un 'abbr', hay que de fallos se ven a toro pasado... Un saludo Jorge González Sánchez | http://yparamuestraunboton.com El 16 de septiembre de 2009 02:28, Miguel Beltran R. yourpa...@gmail.comescribió: El 15 de septiembre de 2009 19:22, alejandra.j.go...@gmail.com escribió: Coincido con Alejandro Salamanca, yo uso la opcion B, siempre Alejandra ___ Coincido, pero es depende del caso. Si sabemos que es el logo de una empresa, es logico que no va a cambiar seguido. Es mas si esta gasto mucho dinero en registrar la imagen es claro que es porque mucha gente con ver hasta la silueta reconoce a la empresa. Ahi es donde la imagen si importa. ___ 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] logotipos: h1img /.......
Aupa Me quedo con todos los apuntes que hace Alejandro sobre la estructura y la forma, donde ya se ve cláramente que un logo es contenido. Y me horrorizo de toda la gente (y considero que están demostrando una ignorancia bastante gorda) que considera que un logo es una forma decorativa o linda de mostrar el nombre de una marca, y que por ende no lleva contenido. Así mismo llevo ya tiempo alucinando como en este mundo del marcaje de webs se menosprecia el significado de la imagen y se considera que todo lo que no es texto o no es una foto para enseñar algo concreto no es contenido. Un logotipo, o un icono puede tener muchísimo mas contenido (en cuanto conceptos, ideas, sensaciones y cosas que comunica que la palabra a la que, no sustituye, si no que complementa, contextualiza y añade significado. ¿que sentido tiene quitar un logotipo que va a dejar a la palabra mucho mas descontextualizada y le va a restar la mitad del significado que tenía con logotipo? Parece que hubiera una máxima de que en la web hay que sacrificar todo lo que no sea texto... y eso en una sociedad de la imagen. Y bueno, no hace falta preguntar a los de coca cola como decía Alejandro, puedes preguntar a cualquiera que haya trabajado construyendo un logotipo como tiene que ser. Mira que los diseñadores tenemos mala fama, y nos la merecemos, pero leer esto a veces es realmente desalentador. Saludos Martin El 14/09/2009, a las 23:08, Alejandro Salamanca escribió: Andrés gutiérrez escribió: Sólo un apunte, y no es por menospreciar la B, pero Gmail usa la opción A. Lo que quiero decir es que si esa gente lo hace...yo también :D En un concurso de lemmings eso sería apropiado. Si vemos la validación de google veremos que tienen más errores que un novato bien intencionado. Este tipo de discusiones siempre se deciden por la fórmula de qué es lo que mostramos: si es estructura o si es forma (presentación). Si es estructura, es parte del contenido con un significado semántico claro. Si es forma, el objetivo es decorativo o de accesibilidad. Si es estructura un cambio puede significar el cambio del significado de los que exponemos. Si es forma, el cambio es favorecido y bien recibido porque debemos pensar en gustos, medios de representación, estética, etc. En el caso de un logotipo, si lo ponemos como estructura es lo mismo que decir: esta es una marca que si la cambio, es posible que todo el significado varíe. (lo que me parece que pasaría si cambiamos Cerveza por Agua mineral) Por otra parte, si ponemos como forma, estamos diciendo algo así como: si el logo no combina, lo cambiamos por otro más bonito. (Pregunten qué dirían los de Coca Cola y les ponemos el logo de Pepsi porque 'es más bonito') Por estas consideraciones, en el caso de un logo (la marca del cliente) es un elemento estructural y no presentacional, por tanto su contenido debe ser manejado por la estructura (html) y no por la presentación (css). El 14 de septiembre de 2009 22:34, Ignacio Ricci ignacio.ri...@gmail.comescribió: Yo no estoy de acuerdo, pero bueno.Creo que está bien que cada uno lo haga a su manera. Las dos opciones son válidas. 2009/9/14 Tae Sandoval Murgan taeci...@gmail.com 2009/9/14 Jorge Rumoroso rumor...@gmail.com: Personalmente discrepo en la idea de que un logo sea decorativo. Yo pienso que un logo, en general, suele ser una imagen que se asocia directamente con la marca, empresa, etc., y al igual que por si mismo el texto plano tiene significado, el logo también lo tiene. Por eso lo considero contenido. Por lo general, además de ser una bonita forma de mostrar la marca, es algo de lo que visualmente reconocemos su significado sin necesidad, en muchos casos, de leer su texto (en el caso de que lo tenga). Totalmente de acuerdo con que los logotipos son contenido, no decoración. Si nos ponemos en el caso de que se carga la página sin los estilos, por el motivo que sea, el logotipo debería verse de todas formas, porque se asocia con algo más allá del diseño web: con la marca de un producto que vemos en TV, con un equipo deportivo, una organización... Incluso, aunque hablemos del logo tipo de un blog personal, se asocia a una persona, y creo que es bastante poco probable que el logo cambie con el rediseño. Puede suceder, pero no tan amenudo como para preocuparse de que voy a tener que editar el HTML luego... Además, basta con reemplazar el archivo, como alguien mencionó. Creo que escribir el código de una página sin CSS, estructurarla sólo con HTML, como si aún fuera 1995, pero sin las etiquetas de presentación, tipo font, ayuda bastante a decidir que cosas deben ir en ella, cuales en el CSS, y si toca, cuales en los scripts. -- http://procrastinando.netne.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un
Re: [Ovillo] logotipos: h1img /.......
Aupa A mi este tema siempre me ha intrigado mucho también y cuando he visto la pregunta he pensado que igual por fin lo aclaraba. Igual hay alguna mejor, pero de esas dos, clarísimamente la A ¿Porque la A? Si la B la mira alguien que no carga imágenes verá el alt que le dará la misma información que le da la opción A, ¿no? Y si la mira alguien desde un lector o un navegador solo texto lo mismo ¿no? Y sin embargo si alguien carga la página con CSS pero sin imágenes con la A no verá nada... ¿no? (se que esto es una opción un poco descabellada). lo dicho nunca lo he tenido claro por eso digo tanto ¿no? saludos El 14 de septiembre de 2009 18:48, Dani F. Serch daniou...@gmail.comescribió: Hola, buenas una duda: Que es preferible al colocar una imagen con el título de la web? Opción A: h1 id=logoHeraldo de Aragón/h1 y sustituir mediante CSS el texto por una imagen. Opción B: h1 id=logoimg src=... alt=Heraldo de Aragón//h1 O ninguna de estas opciones?? 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Diferente letter spacing entre navegadores
Hola a todos Esto y teniendo un problema que en este caso se materializa en un firefox 2 sobre Ubuntu. El tema es que tiene diferente letter-spacing que, por ejemplo, Firefox sobre mac. En tanto el atributo letter-spacing no asigna un valor absoluto si no en suma (o resta) al espaciado que lleva la tipografía, no veo manera de controlar esto. El caso en el que me causa problemas es un menú que lo quiero cuadrar lo mas posible y claro en el firefox sobre ubuntu, que tiene un letter- spacing mayor los menús se muestran algo mas anchos. he estado buscando por bastantes sitios y no hay manera de encontrar nada ¿a alguien le ha pasado algo parecido? ¿algún consejo? por supuesto, a una mala así se queda... es mas tiquismiqueo (valga el termino) y curiosidad que otra cosa. gracias a todos Martin ___ 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] Buscamos diseñador/maquetador (X)HT ML/CSS
Hola a todos Escribo de eragin.com, una empresa de diseño, comunicación y publicaciones con oficinas en Pamplona/iruña y San Sebastián/Donostia. Buscamos Maquetador (X)HTML+CSS con experiencia y buen conocimiento del tema con todo lo que ello implica: estándares, accesibilidad, usabilidad, conocimiento de las exigencias de los diferentes navegadores, conocimiento de los diferentes layouts (fijo, fluido, elástico), estar al tanto de las novedades y nuevos recursos en este vertiginoso mundo de las CSS... vamos todo lo que se supone sabe un buen maquetador front-end con sus trucos y sus soluciones. Y como no, dominio del photoshop u otra herramienta para preparar y optimizar las imágenes a la hora de llevar el diseño a html. También es conveniente un minimísimo conocimiento de php, no para programar si no para introducir cambios y correcciones XHTML/CSS en páginas con código php ya incrustado sin perderse demasiado. El trabajo será mano a mano con diseñadores y programadores (principalmente en php). Valoramos el conocimiento del Euskera y la proximidad geográfica, pero, llegado el caso, estamos dispuestos a trabajar con gente de cualquier punto del planeta (que si lee esta lista sabrá castellano). En principio la oferta es para trabajar como freelance y en remoto, pero comprometiéndonos unas cuantas horas diarias o semanales, o lo que mejor veamos entre las partes, en cualquier caso siempre dispuestos a hablar para llegar a un acuerdo que nos convenza a todos, no nos gustan los formulismos y sí las soluciones ad hoc. Si la relación cuaja, esto puede ir para largo, no es para un proyecto o dos. Interesados podéis escribirme a mi o a i...@eragin.com Sabemos bien lo que queremos, necesitamos una persona con experiencia y saber hacer en este campo, ya que depositaremos en ella una gran parte del desarrollo front-end de nuestros proyectos de internet, quien crea que no cumple los requisitos que se abstenga por favor. Saludos y gracias Martin Etxauri t...@eragin.com +34 696 913 269 www.eragin.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] Grid de bloques flotados de alturas irreg ulares y márgenes regulares
aupa si mandas algo de código o algún ejemplo online mejor, yo por lo menos no entiendo como lo estás haciendo ni cual es el problema. saludos El 28/07/2009, a las 16:17, Rafael García Lepper escribió: Hola a todos, Estoy tratando de conseguir varias columnas del mismo ancho con bloques de altura irregular que guardan un mismo margen entre si por arriba y por abajo, es decir, algo como esto [1] pero pretendo hacerlo usando floats y no posicionando absolutamente con jquery cada columna como en el ejemplo que os he enseñado que es un theme de pago de Wordpress[2], el problema es que al flotar, cada bloque guarda el margen por arriba con el anterior bloque flotado que no es el que le queda justo por encima, con lo que, lo que queda irregular es el margen entre los bloques que es justo lo que debe ser regular. ¿A alguien se le ocurre como solucionar esto solo con css? [1] http://www.fashionandfeatures.com/ [2] http://www.suprb.com/#gal Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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] Grid de bloques flotados de alturas irreg ulares y márgenes regulares
yo personalmente creo que lo tienes difícil, los flotados se van a quedar así, porque en realidad lo que pasa no es que el de abajo coja el margen del de arriba, lo que pasa es que el que debería pasar a la izquierda no lo hace porque se choca con el que tiene encima y el siguiente pasa pero con la referencia del último. no se si me he explicado. si solo quieres dos columnas lo que puedes hacer es flotarlos a izquierda y derecha alternados y así cada uno ser irá para su lado... si quieres mas de dos columnas y que todos estén flotados a izquierda creo que no es posible. saludos El 28/07/2009, a las 17:07, Rafael García Lepper escribió: hola, aquí podéis ver lo que digo: http://www.biosfera4.com/ejemplos/ejemplogrids.html Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 28 de julio de 2009 16:24, Martin Etxaurit...@eragin.com escribió: aupa si mandas algo de código o algún ejemplo online mejor, yo por lo menos no entiendo como lo estás haciendo ni cual es el problema. saludos El 28/07/2009, a las 16:17, Rafael García Lepper escribió: Hola a todos, Estoy tratando de conseguir varias columnas del mismo ancho con bloques de altura irregular que guardan un mismo margen entre si por arriba y por abajo, es decir, algo como esto [1] pero pretendo hacerlo usando floats y no posicionando absolutamente con jquery cada columna como en el ejemplo que os he enseñado que es un theme de pago de Wordpress[2], el problema es que al flotar, cada bloque guarda el margen por arriba con el anterior bloque flotado que no es el que le queda justo por encima, con lo que, lo que queda irregular es el margen entre los bloques que es justo lo que debe ser regular. ¿A alguien se le ocurre como solucionar esto solo con css? [1] http://www.fashionandfeatures.com/ [2] http://www.suprb.com/#gal Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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] Centrar página con ancho dinámico
Aupa la verdad que ya sea con ancho fijo o dinámico una buena manera es: body{ text-align: center; /*creo recordar que esto era mas que nada para IE*/ } #contenedor{ margin: 0 auto; } La que usas me parece un poco rebuscada la verdad ;) saludos El 24/07/2009, a las 17:30, marcela sluka escribió: Hola, tengo una duda respecto a si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y quiero que se vea centrado, qué código debo utilizar en el CSS? Cuando trabajaba con anchos fijos, el código era: #contenedor { /* Posiciona al sitio en el centro de la pantalla */ position: absolute; margin-left: -380px; left: 50%; top: 1px; width:760px; } modifico las cifras con porcentajes pero no logro centrarlo. Si alguien me ayuda, debe ser una tontería, pero con el apuro que tengo no termino de darme cuenta... Gracias! Marcela ___ 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] Centrar página con ancho dinámico
Gracias a todos! Pero la solución que me dio Hernán es la que me está dando mejor resultado al probarlo... Si le quito el position: absolute al contenedor, me desarma toda la alineación de capas que tengo... aupa Si al quitarle position:absolute se te desarma es porque al no tener el contenedor un position definido los elementos pierden al contenedor como referencia y la referencia pasa a ser el body, si le pones al contenedor position: relative volverá a ser la referencia pero se te centrará igualmente con el margin: 0 auto; todo esto si no me equivoco porque hablo de memoria y no probando las cosas :) 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] Recuperar IE7
aupa copio/pego un mail que mandó Anxo Botana a la lista en abril y que a mi me vino de perlas y tengo IE6, 7 y 8 en el mismo PC para testear: con Internet Explorer Collection http://finalbuilds.edskes.net/iecollection.htm puedes instalar desde el IE 1.0 hasta el IE 8.0... para poder tener todos los que quiereas a la vez, por que los instala en modo standalone. Funciona relamente bien. Si ya tienes el 8 instalado te aconsejo que no lo reinstales con esta utilidad, seleccionas los IE que quieres e instalas. ___ 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 mas IE6 para youtube?
Dicho sea de paso que yo no estoy convencido que haya llegado el momento de quitar el oxigeno a IE6. No, lo que ha llegado es el momento de que youtube quite el oxigeno a IE6, con lo cual quiere decir que google está quitando el oxigeno a IE6 en una de sus webs (aunque sea la deficitaria :) ) y si google empieza lo que si está claro que es el comienzo de la llegada de el momento de quitarle oxigeno a IE6... aunque sea dentro de su ofensiva microsoft XDDD ___ 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] Como estructurar unos thumbnails con texto variable
Aupa Tengo un tema que no acabo de poder solucionar, he estado mirando por la red pero no hay manera. El tema es una página de thumbnails que debajo llevan un texto, pero es un texto variable. Con lo cual lo que me interesa es que al ser uno de los textos mas extenso se amplíe el alto de todos los que están en la misma fila, sin descojonciar todo, claro. Y bueno, el verdadero problema viene cuando quiero que esto sea fluido. Me explico con ejemplos: el código podría ser: div id=tabla divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div con este css: #tabla div{ float: left; width:150px; padding:5px; } pero en cuanto uno de los textos es mas extenso los flotados se quedan clavados en el que sobre sale. Y no ha pasan a la izquierda, no ha habido manera de conseguir nada. :( Si esto mismo lo quiero hacer pero en algo que no sea fluido, esto es, con un número de columnas concreto, lo puedo hacer sin problema pero tengo que meter cada fila en un div para romper el flotado y que no se desencajen, algo así: div id=total div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div /div div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div /div con este CSS: #total div div{ width:150px; padding:5px; float: left; } . fila{ clear:left; } O utilizando el display: table-cell: #total div div{ width:150px;
[Ovillo] No mas IE6 para youtube?
Parece que se va a alejando de nuestras vidas el gran lastre ;D http://barrapunto.com/article.pl?sid=09/07/15/0911230 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] Como estructurar unos thumbnails con texto variable
Aupa Si, esta es la solución que hemos aplicado en un par de webs... pero esta vez me había liado la manta a la cabeza a ver si encontraba algo mejor. Gracias El 15/07/2009, a las 12:18, Rodrigo Álvarez Virgós escribió: Hola, Martín La única solución que he encontrado a un problema parecido, es limitar (en el panel de administración) el número de caracteres del texto que acompaña a la foto, de manera que se pueda dar un alto fijo al elemento contenedor. Un saludo Martin Etxauri escribió: Aupa Tengo un tema que no acabo de poder solucionar, he estado mirando por la red pero no hay manera. El tema es una página de thumbnails que debajo llevan un texto, pero es un texto variable. Con lo cual lo que me interesa es que al ser uno de los textos mas extenso se amplíe el alto de todos los que están en la misma fila, sin descojonciar todo, claro. Y bueno, el verdadero problema viene cuando quiero que esto sea fluido. Me explico con ejemplos: el código podría ser: div id=tabla divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div con este css: #tabla div{ float: left; width:150px; padding:5px; } pero en cuanto uno de los textos es mas extenso los flotados se quedan clavados en el que sobre sale. Y no ha pasan a la izquierda, no ha habido manera de conseguir nada. :( Si esto mismo lo quiero hacer pero en algo que no sea fluido, esto es, con un número de columnas concreto, lo puedo hacer sin problema pero tengo que meter cada fila en un div para romper el flotado y que no se desencajen, algo así: div id=total div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div /div div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet. Con minimim venami quis nostrud laboris nisi/div /div div class=fila divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor sit amet./div divimg src=imagen.jpg alt=altdeimagen /br /Lorem ipsum dolor
Re: [Ovillo] Menu desplegables..
Hoy en día utilizando un menú basado en listas anidadas y utilizando :hover se pueden hacer cosas muy majas sin JS (claro que nos queda el IE6 colgado y hay que usar JS para apañarlo, pero espero que pronto nos olvidemos de el ;D ). Ocultas las sub-secciones: li ul{display:none} y en el hover las enseñas: li:hover ul{display:block} luego ya le das forma a todo y utilizando posicionamientos absolutos/ relativos o flotados, altos y anchos etc etc. saludos El 09/07/2009, a las 11:44, Alberto García escribió: ¿Y sólo css? http://www.araudi.net/ejemplos/menus_desplegables_CSS.html Salud! Alberto García 618 044 962 albe...@katiuskas.com http://www.katiuskas.com/ ** Kemie Guaida escribió: sospecho que ha querido escribir js pero ha puesto los dedos una tecla mas a la izquierda :) Concuerdo con ignacio. el pasar de flash te da ventajas de usabilidad (por ejemplo, la habilidad de abrir enlaces en pestañas nuevas) y SEO (google no indexa flash tan bien como html), además de que te aseguras de que podrá ser utilizado por más gente (aunque flash es muy común, piensa en dispositivos móviles que aun no lo soportan, por ejemplo) usando javascript puedes dar aun mas opciones de usabilidad (el que demore un segundo antes de desaparecer al quitar el puntero) alguna vez use este, que es bastante sencillo y semantico: http://www.twinhelix.com/dhtml/fsmenu/demo/ saludos! kemie Original Message Que es ha!? El oráculo tampoco parece saberlo? Saludos Rafa http://twitter.com/eggSpoonTale Ignacio Ricci escribió: Css+ha Ignacio Ricci. www.ignacioricci.com On Jul 9, 2009, at 1:24, H Joaco hjo...@hotmail.com wrote: ___ 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 No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.375 / Virus Database: 270.13.8/2226 - Release Date: 07/08/09 21:51:00 ___ 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] object oriented css
Aupale Nada mas que compartir con la lista este planteamiento que parece bastante interesante. Con ver las slides [1] ya se pilla bastante por donde va la cosa y se sacan conceptos interesantes a la hora de trabajar. En realidad no es si no un modo de ordenar las CSS y metodología, que seguramente algunos ya estaréis haciendo sin llamarle así. saludos [1] http://wiki.github.com/stubbornella/oocss ___ 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