[SOLUCIONADO] Espaciado entre elementos

aquelloslibros · #1 (**permalink**) 02/02/2014, 22:32

Hola tengo este codigo

Código HTML:

Ver original<html>
 
<head>
<script>
function mostrar(id) {
  obj = document.getElementById(id);
  obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
</head>  
 
<body>
<a href="#" onclick="mostrar('divTexto1'); return false" style="text-decoration: none" />
<font color="#000000">Alemania</font></a>
<div id="divTexto1" style="visibility:hidden">
<font size="2">
<a href="http://www.xxx/noti/Biblioteca-de-la-Ciudad-de-Stuttgart.htm" style="text-decoration: none">
<br><font size="2"><span style="text-decoration: none">Biblioteca de la Ciudad de Stuttgart (Alemania)</span></font></a><font size="2">
</font>
<font size="2">
<a href="http://www.xxx/noti/Biblioteca-Herzog-August-Wolfenbuttel-Alemania.htm" style="text-decoration: none">
<br><font size="2"><span style="text-decoration: none">Biblioteca Herzog August, Wolfenbüttel (Alemania)</font></a> 
</div>
 
</font></font>
 
<a href="#" onclick="mostrar('divTexto2'); return false" style="text-decoration: none" />
<font color="#000000">Argentina</font></a><font size="2">
<div id="divTexto2" style="visibility:hidden">
<font size="2">
<a href="http://www.xxx/noti/Biblioteca-Nacional-de-Argentina.htm" style="text-decoration: none">
<br><font size="2"><span style="text-decoration: none">Biblioteca Nacional Argentina (Argentina)</span></font></a><font size="2">
</font>
</div>
 
 
</font></font>
</body>
</html>

Lo que necesito es que no haga el espacio entre cada pais porque sino queda muy desprolijo y no se como hacer para mejorarlo desde ya muchas gracias a quien me pueda ayudar ya que tengo que poner muchisimos paises y link y esto terminaria siendo un php que va dentro de un html muy largo. La idea es que el usuario haga clic en un pais y le muestre en un solo lugar los link de ese pais y asi sucesivamente. pero me quedan muchos espacios

magnate8 · #2 (**permalink**) 06/02/2014, 08:42

no se si tienes un enlace de eso? seria muy útil!

Prueba primero poner de css margin:0 !important; y padding:0 !important;

En caso de que eso no funcionase deberias de jugar con estos valores:

margin-left: -10px; (quitar margen de la izquierda)
margin-right: -10px; (quitar margen de la derecha)
margin-bottom: -10px; (quitar margen abajo)
margin-top: -10px; (quitar margen arriba)

pzin · #3 (**permalink**) 06/02/2014, 14:36

Tu archivo no tiene definido ningún doctype, usas etiquetas obsoletas desde el año 99, etiquetas mal cerradas, o no cerradas, o anidadas... Tu código es bastante pésimo.

El espacio que dices realmente no existe. Lo que ocurre es que están intentando ocultar un elemento con visibility: hidden, y eso sólo oculta su visibilidad, pero el espacio que ocupa sigue manteniéndose. Deberías de usar display: none.

Eso de !important en la mayoría de los casos es una muy mala práctica.