Foros del Web » Creando para Internet » CSS »

alineación de varios ítems

Estas en el tema de alineación de varios ítems en el foro de CSS en Foros del Web. Gente: tengo un problema con esto: http://pruebas.emporia.com.ar/agro/r...0Agropecuarios toma los rubros de una db, y me los lista de la forma que se ve en el ...
  #1 (permalink)  
Antiguo 18/06/2009, 13:40
Avatar de arielcasanova  
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 19 años, 5 meses
Puntos: 1
alineación de varios ítems

Gente: tengo un problema con esto:

http://pruebas.emporia.com.ar/agro/r...0Agropecuarios

toma los rubros de una db, y me los lista de la forma que se ve en el link, que no es para nada linda. ¿qué formato puedo darle al css para que no queden esos espacios en blanco entre categorias?

gracias.
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar
  #2 (permalink)  
Antiguo 18/06/2009, 13:53
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: alineación de varios ítems

y si metes cada resultado en una lista? que vaya acomodando los elementos a la izquierda con un float:left;
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 18/06/2009, 14:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: alineación de varios ítems

En lo que haces la conversión a listas desordenadas (ul/li) como te sugiere Dragón X, para solucionar los espacios cuando un enlace es demasiado largo y pasa a la siguiente línea, prueba este código a ver si te sirve de base:
Código css:
Ver original
  1. a.linkcategorias {
  2. color:#006600;
  3. display:inline-block;
  4. font-family:Arial,Helvetica,sans-serif;
  5. font-size:1em;
  6. font-weight:bold;
  7. height:1.15em;
  8. margin-bottom:5px;
  9. margin-right:5px;
  10. overflow:hidden;
  11. text-decoration:none;
  12. width:125px;
  13. }
Verás que básicamente es tu código con un par de cosillas cambiadas.
y a #titurubro añade un "display: block".

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 19/06/2009, 05:57
Avatar de arielcasanova  
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 19 años, 5 meses
Puntos: 1
Respuesta: alineación de varios ítems

Excelente! Funcionó muy bien. Muchas gracias, Dragon, por la respuesta, y Kseso por la solución.
saludos,
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:21.