Foros del Web » Creando para Internet » CSS »

CSS correcto para DL DT DD

Estas en el tema de CSS correcto para DL DT DD en el foro de CSS en Foros del Web. Hola, Buscando aquí y allá he conseguido componer este CSS para mostrar una serie de valores en dos columnas y con colores alternativos por fila: ...
  #1 (permalink)  
Antiguo 17/11/2014, 03:20
 
Fecha de Ingreso: noviembre-2014
Mensajes: 1
Antigüedad: 9 años, 4 meses
Puntos: 0
CSS correcto para DL DT DD

Hola,

Buscando aquí y allá he conseguido componer este CSS para mostrar una serie de valores en dos columnas y con colores alternativos por fila:

.rte dl {
margin:0;
padding:0;
clear:both;
overflow:hidden;
}
.rte dt {
margin:0;
padding:2px;
float:left;
width:40%;
}
.rte dd {
margin:0;
padding:2px;
float:right;
width:60%;
}
.rte dt:nth-child(4n+1), dt:nth-child(4n+1) + dd {
background-color: #F6F4F0;
}

El problema surge cuando el tamaño de una de las celdas supera el límite, como se puede ver en la imagen:



¿Cómo puedo hacer que se ajuste el alto de la fila completa automáticamente?
Gracias anticipadas.
  #2 (permalink)  
Antiguo 18/11/2014, 01:51
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años
Puntos: 17
Respuesta: CSS correcto para DL DT DD

¿es necesario que muestres esos datos tabulados?
si es asi, veo que los valores de la segunda columna son mas cortos con respecto a los valores de la 1ra columna , por lo que yo le daria un 70% a la primera columna y un 30% a la segunda columna en ancho.
por otro lado, si no es necesario que muestres los datos tabulados, yo los mostraria en manera de listas
Código:
<ul>
      <li>Valor 1: Valor2</li>
      <li>Valor 1: Valor2</li>
      <li>Valor 1: Valor2</li>
      <li>Valor 1: Valor2</li>
</ul>
solamente seria cuestion que le dieras estilo a la lista y te quedaria mas practico en cierta forma
espero que te sea de ayuda mi respuesta amigo, cualquier cosa, comenta

Etiquetas: background, color, correcto, tamaño, width
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 23:26.