Re: [Ovillo] Márgenes fantasmas

2013-03-14 Por tema Martin Etxauri
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

2012-11-12 Por tema Martin Etxauri
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

2012-10-24 Por tema Martin Etxauri
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

2012-10-15 Por tema Martin Etxauri
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

2012-09-18 Por tema Martin Etxauri
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Martin Etxauri
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

2012-05-10 Por tema Martin Etxauri
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

2012-05-10 Por tema Martin Etxauri
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


[Ovillo] problemillas con z-index

2012-05-02 Por tema Martin Etxauri
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


Re: [Ovillo] problemillas con z-index

2012-05-02 Por tema Martin Etxauri
 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

2012-05-02 Por tema Martin Etxauri
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

2012-03-20 Por tema Martin Etxauri
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

2012-03-20 Por tema Martin Etxauri
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

2012-03-16 Por tema Martin Etxauri
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

2012-03-15 Por tema Martin Etxauri
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

2011-10-24 Por tema Martin Etxauri
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

2011-09-30 Por tema Martin Etxauri
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

2011-08-23 Por tema Martin Etxauri
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

2011-08-23 Por tema Martin Etxauri
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

2011-07-15 Por tema Martin Etxauri
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

2011-07-15 Por tema Martin Etxauri
 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

2011-07-15 Por tema Martin Etxauri
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

2011-07-15 Por tema Martin Etxauri

 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

2011-07-15 Por tema Martin Etxauri
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]

2011-07-14 Por tema Martin Etxauri
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

2011-07-14 Por tema Martin Etxauri
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]

2011-07-13 Por tema Martin Etxauri
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]

2011-07-13 Por tema Martin Etxauri
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]

2011-07-13 Por tema Martin Etxauri
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]

2011-07-13 Por tema Martin Etxauri
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]

2011-07-13 Por tema Martin Etxauri
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]

2011-07-13 Por tema Martin Etxauri
 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

2011-07-12 Por tema Martin Etxauri
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?

2011-07-05 Por tema Martin Etxauri
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

2011-07-01 Por tema Martin Etxauri
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

2011-07-01 Por tema Martin Etxauri
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

2011-07-01 Por tema Martin Etxauri
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

2011-07-01 Por tema Martin Etxauri
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

2011-06-30 Por tema Martin Etxauri
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

2011-06-24 Por tema Martin Etxauri
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

2011-06-24 Por tema Martin Etxauri
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

2011-06-24 Por tema Martin Etxauri
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

2011-06-24 Por tema Martin Etxauri
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

2011-06-22 Por tema Martin Etxauri
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

2011-06-22 Por tema Martin Etxauri
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

2011-06-09 Por tema Martin Etxauri
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

2011-06-09 Por tema Martin Etxauri
 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

2011-05-06 Por tema Martin Etxauri
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

2011-05-06 Por tema Martin Etxauri
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

2011-05-06 Por tema Martin Etxauri
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

2011-05-05 Por tema Martin Etxauri
 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

2011-05-04 Por tema Martin Etxauri
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

2011-05-04 Por tema Martin Etxauri
 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

2011-05-03 Por tema Martin Etxauri
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

2011-05-02 Por tema Martin Etxauri
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?

2011-03-30 Por tema Martin Etxauri
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

2010-09-02 Por tema Martin Etxauri
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

2010-07-19 Por tema Martin Etxauri
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

2010-07-19 Por tema Martin Etxauri
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

2010-06-15 Por tema Martin Etxauri
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

2010-06-09 Por tema Martin Etxauri
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

2010-04-28 Por tema Martin Etxauri
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

2010-04-28 Por tema Martin Etxauri

 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

2010-04-27 Por tema Martin Etxauri
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

2010-04-26 Por tema Martin Etxauri
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

2010-04-13 Por tema Martin Etxauri
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.

2010-04-12 Por tema Martin Etxauri
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

2010-04-12 Por tema Martin Etxauri
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

2010-04-12 Por tema Martin Etxauri
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

2010-04-07 Por tema Martin Etxauri
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

2010-04-06 Por tema Martin Etxauri
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

2010-04-06 Por tema Martin Etxauri
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

2010-04-06 Por tema Martin Etxauri
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

2010-04-06 Por tema Martin Etxauri
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)

2010-02-10 Por tema Martin Etxauri
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

2010-02-10 Por tema Martin Etxauri
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

2010-02-05 Por tema Martin Etxauri
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

2009-12-30 Por tema Martin Etxauri
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

2009-12-30 Por tema Martin Etxauri
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

2009-10-26 Por tema Martin Etxauri
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

2009-10-19 Por tema Martin Etxauri
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?

2009-10-09 Por tema Martin Etxauri
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 /.......

2009-09-17 Por tema Martin Etxauri
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 /.......

2009-09-15 Por tema Martin Etxauri
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 /.......

2009-09-14 Por tema Martin Etxauri
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

2009-08-31 Por tema Martin Etxauri
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

2009-08-26 Por tema Martin Etxauri
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

2009-07-28 Por tema Martin Etxauri
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

2009-07-28 Por tema Martin Etxauri
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

2009-07-24 Por tema Martin Etxauri
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

2009-07-24 Por tema Martin Etxauri

 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

2009-07-22 Por tema Martin Etxauri
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?

2009-07-21 Por tema Martin Etxauri
 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

2009-07-15 Por tema Martin Etxauri
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?

2009-07-15 Por tema Martin Etxauri
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

2009-07-15 Por tema Martin Etxauri
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..

2009-07-09 Por tema Martin Etxauri
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


  1   2   >