Hola buen dia, estoy en el diseño de un meno, en la parte de arriba puse el menu en imagenes y en la parte de abajo un menu en una tabla, la cuestion es q quedan muy separados, aqui una captura:
http://i47.tinypic.com/313q5qa.png
estoy usando el salto de linea no el de parrafo y aun asi lo separa demasiado, alguien podria ayudarme y decirme como hacer que queden mas juntos?
aqui el codigo:
Código HTML:
<div align="center">
<p><img src="images/header.jpg" width="964" height="103"><br>
<a href="index.html"><img src="images/inicio_1.jpg" alt="Pagina Principal" width="81" height="22" border="0"></a><a href="programa.html"><img src="images/programa_1.jpg" height="22" border="0" class="domroll images/programa_2.jpg" /></a><a href="chefs_y_sommeliers.html"><img src="images/chef_y_some_1.jpg" border="0" class="domroll images/chef_y_some_2.jpg" /></a><a href="expositores.html"><img src="images/exposi_1.jpg" border="0" class="domroll images/exposi_2.jpg" /></a><a href="encuentro2010"><img src="images/enc_2010.jpg" border="0" class="domroll images/enc_2010_2.jpg" /></a><a href="concursos.html"><img src="images/concursos.jpg" border="0" class="domroll images/concursos_2.jpg" /></a><a href="prensa.html"><img src="images/prensa.jpg" border="0" class="domroll images/prensa_2.jpg" /></a><a href="contacto.html"><img src="images/contacto.jpg" border="0" class="domroll images/contacto_1.jpg" /></a><a href="links.html"><img src="images/links_1.jpg" border="0" class="domroll images/links_2.jpg" /><br>
</a>
<table width="951" border="0">
<tr>
<th width="950" bgcolor="#cac173" scope="col"><span class="style1"><a href="programa_general.html">Programa General</a> <a href="taller_gastronomico.html">Taller Gastronómico</a> <a href="salon_catas.html">Salón de Catas</a> <a href="Gourmet_kids.html">Gourmet Kids</a> <a href="pabellon_negra_modelo.html">Pabellón Negra modelo</a> <a href="itinerario.html">Itinerario</a></span></th>
</tr>
</table>
<p>