La solución <li><a> , y retirar el display:block ha funcionado perfectamente. Mi error estaba en creer que era necesario aplicarle un display:block al <a> para que aceptara los paddings, y no es así. Muchas gracias por vuestra ayuda :)
2011/6/16 Tamara Forza <tamara.fo...@gmail.com> > Hola, > > no lo he probado pero se me ocurren dos soluciones: > > - insertar un span en los enlaces (<a href....><span>hoteles</span></a>) y > que el span define el color de fondo, así solucionas el problema de la > anchura. > > - en mi opinión seria más correcto pintar el listado de tags con una lista > (<ul><li><a href...>hoteles</a></li><li>... ), además de este modo tienes > dos elementos para definir los estilos a cada tag (el <li> y <a>), y pienso > que con pocos cambios podrías obtener lo que necesitas. > > No se me ocurre una solución sin cambiar el código generado.. a lo mejor > prueba definir los enlaces como inline-block y definir un margen derecho > muy > grande para que no se queden en la misma linea, pero esta solución no me > gusta nada. > > Espero te ayude un poco. > > Saludos, > Tamara > > 2011/6/15 Modesto Caballero <aguasin...@gmail.com> > > > Hola chicas y chicos, > > > > Estoy intentando conseguir lo que aparece en esta imagen: > > > > > http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png > > . > > Un listado de etiquetas dispuestas una encima de la otra, rodeadas de > > una > > etiqueta que se adapta a su anchura. El marcaje está formado por una > serie > > de <a> a los que les aplico display:block para que reaccionen al margin y > > al > > padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. > Os > > paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, > > pero es modificable si eso facilita la solución: > > http://jsfiddle.net/je5F2/ > > > > ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del > > recuadro > > se adapte a la del a y no ocupe todo el ancho? Muchas gracias :) > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
