Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas

2011-06-16 Por tema Jairo Ochoa
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

2011-06-15 Por tema Modesto Caballero
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

2011-06-15 Por tema Jose G
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

2011-06-15 Por tema Tamara Forza
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


Re: [Ovillo] Listado de a en disposición vertical, con background que se adapta a la anchura de cada una de ellas

2011-06-15 Por tema Modesto Caballero
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