Foros del Web » Creando para Internet » HTML »

separacion entre imagenes y tabla

Estas en el tema de separacion entre imagenes y tabla en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/01/2010, 12:26
 
Fecha de Ingreso: junio-2008
Mensajes: 104
Antigüedad: 9 años, 5 meses
Puntos: 1
separacion entre imagenes y tabla

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> 
  #2 (permalink)  
Antiguo 26/01/2010, 18:05
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 768
Antigüedad: 11 años, 8 meses
Puntos: 15
Respuesta: separacion entre imagenes y tabla

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

Saludos,
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?
  #3 (permalink)  
Antiguo 26/01/2010, 21:21
 
Fecha de Ingreso: junio-2008
Mensajes: 104
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: separacion entre imagenes y tabla

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
  #4 (permalink)  
Antiguo 27/01/2010, 09:47
Avatar de Jask  
Fecha de Ingreso: abril-2006
Ubicación: Madrid
Mensajes: 768
Antigüedad: 11 años, 8 meses
Puntos: 15
Respuesta: separacion entre imagenes y tabla

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
__________________
Os iusti meditabitur sapientiam
Si te he ayudado, por qué no un poquito de Karma :) ?
  #5 (permalink)  
Antiguo 16/10/2011, 02:15
Avatar de alex_dh  
Fecha de Ingreso: septiembre-2011
Ubicación: Kreuzberg
Mensajes: 235
Antigüedad: 6 años, 3 meses
Puntos: 14
Respuesta: separacion entre imagenes y tabla

este es en css

Código CSS:
Ver original
  1. #div {
  2.          PADDING: 12px;
  3.       }

Etiquetas: imagenes, separacion, tablas
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 02:53.