Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas
div.block{
background-color: #D8D6D1;
width: 200px;
}
fijando el ancho ya consigues que no ocupe el 100%
en cualquier caso yo usaría una lista ul
--
Jairo Ochoa
Dropbox - Almacenamiento gratis / Free online backup
https://www.dropbox.com/referrals/NTg2Njc1MTg5
El 16 de junio de 2011 01:02, Modesto Caballero aguasin...@gmail.comescribió:
La solución lia , 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 hrefspanhoteles/span/a)
y
que el span define el color de fondo, así solucionas el problema de la
anchura.
- en mi opinión seria más correcto pintar el listado de tags con una
lista
(ullia href...hoteles/a/lili... ), además de este modo tienes
dos elementos para definir los estilos a cada tag (el li y a), y
pienso
que con pocos cambios podrías obtener lo que necesitas.
No se me ocurre una solución sin cambiar el código generado.. a lo mejor
prueba definir los enlaces como inline-block y definir un margen derecho
muy
grande para que no se queden en la misma linea, pero esta solución no me
gusta nada.
Espero te ayude un poco.
Saludos,
Tamara
2011/6/15 Modesto Caballero aguasin...@gmail.com
Hola chicas y chicos,
Estoy intentando conseguir lo que aparece en esta imagen:
http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png
.
Un listado de etiquetas dispuestas una encima de la otra, rodeadas de
una
etiqueta que se adapta a su anchura. El marcaje está formado por una
serie
de a a los que les aplico display:block para que reaccionen al margin
y
al
padding, pero al hacer eso pasan a ocupar toda la anchura del div
padre.
Os
paso lo que tengo hecho hasta ahora. El código HTML es el que da el
CMS,
pero es modificable si eso facilita la solución:
http://jsfiddle.net/je5F2/
¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del
recuadro
se adapte a la del a y no ocupe todo el ancho? Muchas gracias :)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas
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
Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas
Y porque no pone un span dentro de ese link? y el bg de ese span que sea del mismo color del fondo del tag? Luego quitas el display:block Creo que no esta todo el codigo en eso que puso, pero creo que tal vez se pueda resolver asi. Saludos 2011/6/15 Modesto Caballero aguasin...@gmail.com Hola chicas y chicos, Estoy intentando conseguir lo que aparece en esta imagen: http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png . Un listado de etiquetas dispuestas una encima de la otra, rodeadas de una etiqueta que se adapta a su anchura. El marcaje está formado por una serie de a a los que les aplico display:block para que reaccionen al margin y al padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. Os paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, pero es modificable si eso facilita la solución: http://jsfiddle.net/je5F2/ ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del recuadro se adapte a la del a y no ocupe todo el ancho? Muchas gracias :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas
Hola, no lo he probado pero se me ocurren dos soluciones: - insertar un span en los enlaces (a hrefspanhoteles/span/a) y que el span define el color de fondo, así solucionas el problema de la anchura. - en mi opinión seria más correcto pintar el listado de tags con una lista (ullia href...hoteles/a/lili... ), además de este modo tienes dos elementos para definir los estilos a cada tag (el li y a), y pienso que con pocos cambios podrías obtener lo que necesitas. No se me ocurre una solución sin cambiar el código generado.. a lo mejor prueba definir los enlaces como inline-block y definir un margen derecho muy grande para que no se queden en la misma linea, pero esta solución no me gusta nada. Espero te ayude un poco. Saludos, Tamara 2011/6/15 Modesto Caballero aguasin...@gmail.com Hola chicas y chicos, Estoy intentando conseguir lo que aparece en esta imagen: http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png . Un listado de etiquetas dispuestas una encima de la otra, rodeadas de una etiqueta que se adapta a su anchura. El marcaje está formado por una serie de a a los que les aplico display:block para que reaccionen al margin y al padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. Os paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, pero es modificable si eso facilita la solución: http://jsfiddle.net/je5F2/ ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del recuadro se adapte a la del a y no ocupe todo el ancho? Muchas gracias :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
