ayuda con un salto de espacio en una tabla html

gakutaru · #1 (**permalink**) 24/02/2009, 16:38

muestro un formulario dentro de una tabla asi:

Código HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="Stylos.css"> 
</head>
<body>
<table class="Titulos">
<tr class="SubTitulos">
<td>Nombre:</td>
<td>Borrar:<td>
</tr>
<?  for($i=0;$i<10;$i++){ ?>
<tr class="Listas">
<td><? echo $Nombre; ?></td>
<td>
<form method="post" action="Borrar.php">
<input type="hidden" name="IdNom" value="<? echo $IdNom; ?>">
<input type="submit" align="left" class="clickable" name="pendiente" value="Borrar" onMouseOver="change(this,'btnFocus')" onMouseOut="change(this,'normBtn')" id="normBtn"/>
</form>
</td>
</tr>
<?
} //fin for
?>
</table>
<Script language='Javascript'>
function change(obj,nid)
{
	obj.id=nid;
}
</Script>
</body>
</html>

el resultado es algo asi
h ttp://img520.imageshack.us/img520/1770/listar.png
con un salto de espacio molesto
q hay q poner para q no se vea eso ??
e intentado con aligin desde html pero no ocurre nada y
desde el css no se q probar q funcione

pd: unir la 'h' con la 't' en http~ de la imagen, tengo menos de 30post

Triby · #2 (**permalink**) 24/02/2009, 18:07

El espacio es un margen, cortesia de <form>, puedes quitarlo a todos desde css usando:

Código css:

Ver originalform { margin:0px; }

gakutaru · #3 (**permalink**) 24/02/2009, 18:30

Funciona exelente en Firefox :D
Lastima que internet explorer sea una melda y no funcione alli
grx :D!