Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Espacios en blanco.

Estas en el tema de Espacios en blanco. en el foro de CSS en Foros del Web. ¡Hola! Escribo en este foro porque resulta que tengo un problema con la composición de una página web hecha a partir de un troceo en ...
  #1 (permalink)  
Antiguo 27/08/2015, 04:10
 
Fecha de Ingreso: agosto-2015
Mensajes: 4
Antigüedad: 8 años, 8 meses
Puntos: 0
Mensaje Espacios en blanco.

¡Hola! Escribo en este foro porque resulta que tengo un problema con la composición de una página web hecha a partir de un troceo en Photoshop (con una tabla). El caso es que en Dreamweaver CC se ve bien, pero al visualizar en la vista "en vivo" y en los navegadores aparece una línea en blanco debajo de cada fila. Echando un vistazo por aquí he descubierto código CSS3 para evitarlo tal como <style type="text/css">
*{ margin:0;
padding:0;}
tr{
margin:0;
padding:0;}
</style>

pero sigue igual. En principio también he usado los atributos de table cellspacing y cellpadding que he puesto a cero, pero nada. A ver si alguien me puede ayudar.
  #2 (permalink)  
Antiguo 27/08/2015, 06:48
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Espacios en blanco.

agregale este css a tu Tabla ;)

Código CSS:
Ver original
  1. border-spacing: 0;
  2. border-collapse: collapse;
  #3 (permalink)  
Antiguo 27/08/2015, 09:14
 
Fecha de Ingreso: agosto-2015
Mensajes: 4
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Espacios en blanco.

Gracias por la intención pero no me ha funcionado. Aquí os dejo una muestra del código para a ver si veis algún fallo:
...
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style>
table{
border-spacing: 0;
border-collapse:collapse;
}
</style>
</head>
...
...

<table width="1200" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; border-collapse:collapse;">
<tbody>
<tr>
<td width="334"><img src="imágenes/trozo_01.png" width="334" height="116" alt=""/></td>
...

Última edición por pablomendoza29; 27/08/2015 a las 09:17 Razón: Olvido
  #4 (permalink)  
Antiguo 27/08/2015, 10:29
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Espacios en blanco.

si dices sobre la linea blanca de las imagenes, lo unico que se me ocurre es k le pongas un margin-top negativo pa juntarlos ;)

Código CSS:
Ver original
  1. #tab tr td img{
  2.   margin-top: -6px;
  3. }

Demo:
http://codepen.io/AngelKrak/pen/ojvWdv
  #5 (permalink)  
Antiguo 27/08/2015, 12:00
 
Fecha de Ingreso: agosto-2015
Mensajes: 4
Antigüedad: 8 años, 8 meses
Puntos: 0
Mensaje Respuesta: Espacios en blanco.

Muchas gracias, lo probaré.
  #6 (permalink)  
Antiguo 29/08/2015, 14:26
 
Fecha de Ingreso: agosto-2015
Mensajes: 4
Antigüedad: 8 años, 8 meses
Puntos: 0
De acuerdo Respuesta: Espacios en blanco.

Buenas noches, lo solucioné modificando la etiqueta IMG con el atributo CSS margin-top, poniéndole un valor negativo. Es decir, era cosa del márgen de las imágenes, que dejaban un espacio por encima.

Muchas gracias por tu ayuda, un placer.

Etiquetas: blancos, css3, table
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 05:41.