Gracias Nesta por tus comentarios.
Visto fuera de contexto sí parece una solución un poco extraña, pero acabo
de
simplificar el código de
treeweb<http://www.treeweb.es/ShareCode/eb78e219724453618abcf60ef83c4cdc>
y como podrás observar no es problema del
inline-block, ni nada de eso.
Y, hablando sobre el porqué de mis "inline-block" sobre el "a", aplicar un
"width"
etc. Os planteo (si os interesa) la cuestión, a ver si se os ocurre una
solución
mejor.
Este diseño es para crear una lista de reproducción (de canciones). Por
tanto,
se trata de una lista de elementos que al hacer click se reproducen:
1. enlace para reproducir (el propio título del elemento)
2. enlace para eliminar
3. [restricción] espacio limitado, si el título es muy largo se oculta
(overflow:hidden)
Mi propuesta:
<ul>
<li>
<a class="play" href="uri_sonido">título</a>
<a class="remove"><img src="icono_remove" /></a>
</li>
...</ul>
Lo de fijar el width de a.play es para que se vea el link para eliminar
pero se oculte
el título (parcialmente) si es muy largo...
Gracias!
2011/11/18 Neftalí Guerrero (Nesta) <nguerr...@emergya.es>
> Con un line-height:2em se soluciona, aparte que estas poniendo la propiedad
> inline-block que ya de por sí da problemas en IE -7 siempre, aparte de que
> una etiqueta A es inline ....
>
> Los elementos inline
>
> Un elemento inline tiene las siguientes características:
>
> - Se posiciona a sí mismo horizontalmente en línea con el resto del
> contenido de su elemento padre (contenedor).
> - Toma la anchura y altura mínima en relación a su contenido.
> - SOLO puede contener otros elementos inline.
> - NO se puede imponer una anchura y una altura fija a través de css.
>
>
>
> Yo no doy por bug eso, no es por dármelas de sabiondo, pero tu estructura
> de css es la que no me convence, usar un width: 106 en la A?, y claro para
> que te ponga el tamaño tienes que poner el inline-block, que porqué los
> tienes como listas, que si fuera horizontal ya tendrías que decirle a IE
> que es inline...
>
> ¿Si uno de los A es más grande que 106?, ¿No sería más facil poner tamaño
> al ul?....
> Hay muchas soluciones y muchas formas de verlo y montarlo
>
> Todos estamos dispuestos a decirte la mejor opción, pero que tu lo intentes
> y preguntes tiene su mérito!!, espero no haberte ofendido, todo es con la
> mejor intención
>
> :) Un saludo!
>
> El 18 de noviembre de 2011 21:36, CHK Webmaster <admin...@gmail.com
> >escribió:
>
> > Hola,
> >
> > En la web que tengo entre manos me he encontrado con un (posible) bug que
> > ocurre
> > tanto en Firefox (v. 7.0.1) e Internet Explorer (v. 9) y Opera (v.11.52)
> > (no he probado
> > en versiones anteriores).
> >
> > Investigando un poco, creo que se trata de un problema al gestionar la
> > propiedad
> > overflow:hidden del elemento hijo cuando uno de sus antecesores también
> > tiene
> > definida la propiedad overflow:hidden.
> >
> > El bug es que no muestra alineados los elementos (hace un efecto que
> rompe
> > la línea horizontal);
> > es más fácil que lo veáis en esta
> > imagen<http://imageshack.us/photo/my-images/337/bugffie.png/>
> > .
> >
> > Aquí para que lo veáis online:
> > http://www.treeweb.es/ShareCode/eb78e219724453618abcf60ef83c4cdc
> >
> > Y el código HTML asociado
> >
> > <ol id="user_list" class="clips">
> > <li><a>El llanto</a><a class="remove"></a></li>
> > <li><a>La epigenética</a><a class="remove"></a></li>
> > <li><a>El estrés</a><a class="remove"></a></li></ol>
> >
> >
> > Y su CSS:
> >
> > #user_list {
> > width:155px;
> > height:200px;
> > overflow:hidden;}
> > #user_list li {
> > width:127px;}
> >
> > #user_list a {
> > display:inline-block;
> > overflow:hidden; /** bug in IE, FF & Opera extrange position **/
> > width:106px;
> > }
> >
> >
> > Este bug desaparece si comentas la propiedad overflow del hijo.
> > ¿Alguna idea? Gracias!
> >
> > CHK
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un 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
