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 <[email protected]>escribió:
> 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 <[email protected]>
>
> > 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 <[email protected]>
> >
> > > 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 [email protected]
> > > 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 [email protected]
> > 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
