separacion entre imagenes y tabla

[viciovirtual]

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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="taller_gastronomico.html">Taller Gastronómico</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="salon_catas.html">Salón de Catas</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Gourmet_kids.html">Gourmet Kids</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="pabellon_negra_modelo.html">Pabellón Negra modelo</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="itinerario.html">Itinerario</a></span></th>
      </tr>
    </table>
    <p> 

[Jask]

Podrías explicarte un poco mejor por favor ? Necesitas que el 1º menú quede como el 2º ?

Saludos,

[viciovirtual]

Hola, si te fijas los dos menus estan muy separados entre si, quiero que el menu 2 quede de separado igual que el uno del header

[Jask]

Lo que podrías hacer es meter en un DIV todos el menú (un contenedor) y luego usar un span para cada parte del texto y aplicarle un padding para que se separe. Buscate estas funciones y si tenés más dudas hacémelo saber :)

Suerte

[alex_dh]

este es en css

Código CSS:

#div {
         PADDING: 12px;
      }