Foros del Web » Creando para Internet » CSS »

un espacio que no encuentro.

Estas en el tema de un espacio que no encuentro. en el foro de CSS en Foros del Web. Hola gente, verán tengo un problema con un salto de linea que tengo en el div tabla-reportes-status solo que no lo encuentro. Código HTML: <div ...
  #1 (permalink)  
Antiguo 10/03/2016, 12:06
 
Fecha de Ingreso: agosto-2008
Mensajes: 64
Antigüedad: 15 años, 8 meses
Puntos: 3
Exclamación un espacio que no encuentro.

Hola gente, verán tengo un problema con un salto de linea que tengo en el div tabla-reportes-status solo que no lo encuentro.

Código HTML:
<div class="tabla-reportes-filas"><a href="?pag=reportes&amp;accion=ver_reporte&amp;id=11">
				<div class="tabla-reportes-columna">
					<div class="tabla-reportes-titulo">Base de Datos:SW-1_2960_GDL <span>#11</span></div>
					<div class="tabla-reportes-descripcion">sasdasd...</div>
				</div>
				<div class="tabla-reportes-status"><ul>
						<li><span>Estado: </span>Abierto</li>
						<li><span>Especialista</span></li>
						<li><span>Severidad: </span>Warning</li>
					</ul>
				</div>
				</a></div> 
Código:
.tabla-reportes{
  background-color: #fff;
  border: 1px solid #ccc;    
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
 }
 .tabla-reportes-filas{
  width: 100%;
  height: 59px;
  border-bottom: 1px solid #ccc;
  }
 .tabla-reportes-filas a{
  width: 100%;
  height: 100%;
  text-decoration: none;
  color:#000;
 }
 .tabla-reportes-columna{
    float: left;
    width: 74.9%;
    border-right: 1px solid #ccc;
 }
 .tabla-reportes-titulo{
  height: 25.5px;
  font-weight: bold;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px;
  color: #424B5D;
 letter-spacing: .5px; 
 }
  .tabla-reportes-titulo span{
  width: 100px;
  text-align: left;
  font-size: 10px;
  margin:0;
  color:#666666;
  font-weight: normal;
 }
 .tabla-reportes-descripcion{
  margin-left: 10px;
  height: 25.5px;
  margin-bottom: 5px;
 }
  .tabla-reportes-status{
  float: right;
  width: 25%;
  margin:0;
  }
  .tabla-reportes-status ul{
    margin: 0;
    list-style: none;
 }
 .tabla-reportes-status li{
  padding: 0;
  margin:0;
 }
  .tabla-reportes-status span{
  font-size: 10px;
  color:#666;
 }
Screenshot
http://subefotos.com/ver/?68b64ff619...82e2b4873o.jpg
  #2 (permalink)  
Antiguo 14/03/2016, 03:21
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: un espacio que no encuentro.

Si no lo ves claro, supongo que será un caso de colapsamiento CSS. Investiga sobre eso.

Estoy con el iPad así que es un yanto complicado ayudarte más desde aquí.
__________________
(:
  #3 (permalink)  
Antiguo 14/03/2016, 04:15
 
Fecha de Ingreso: abril-2015
Mensajes: 189
Antigüedad: 9 años
Puntos: 14
Respuesta: un espacio que no encuentro.

El div de tabla-reportes-status te hace falta realmente ? A veces salen problemas asi tontos por usar divs que no son necesarios y mas dentro de otros tantos.

Por otro lado aunque no sea lo mas limpio ya le has dado margin:0 , has probado a usar margin-bottom negativo ?

Etiquetas: background, color, espacio, float, 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 17:49.