Foros del Web » Creando para Internet » Diseño web »

Tabla sin bordes y delgada...

Estas en el tema de Tabla sin bordes y delgada... en el foro de Diseño web en Foros del Web. Hola, estoy intentando poner un menu pequeño abajo de mi pagina y para ese menu hice una tabla, la cual tiene el siguiente codigo: Código: ...
  #1 (permalink)  
Antiguo 08/07/2007, 12:05
 
Fecha de Ingreso: junio-2005
Ubicación: México, México
Mensajes: 429
Antigüedad: 12 años, 6 meses
Puntos: 1
Tabla sin bordes y delgada...

Hola, estoy intentando poner un menu pequeño abajo de mi pagina y para ese menu hice una tabla, la cual tiene el siguiente codigo:

Código:
 <table id="tabla_menu">
    <tr>
     <td>
      <img src="Imagenes/arriba_izquierda_menu.png" border="0" />
     </td>
     <td id="arribamenu" colspan="5" background="Imagenes/arriba_menu.png">
     </td>
     <td>
      <img src="Imagenes/arriba_derecha_menu.png" />
     </td>
    </tr>
    <tr>
     <td background="Imagenes/izquierda_menu.png">
 
     </div>
     <td id="atras">
     </td>
     <td class="separadores">&nbsp;|&nbsp;</td>
     <td id="indice">
     </td>
     <td class="separadores">&nbsp;|&nbsp;</td>
     <td id="adelante">
     </td>
     <td background="Imagenes/derecha_menu.png">
 
     </td>
     </tr>
     <tr>
     <td>
      <img src="Imagenes/abajo_izquierda_menu.png" border=0 />
     </td>
     <td  colspan="5" background="Imagenes/abajo_menu.png">
     </td>
     <td>
      <img src="Imagenes/abajo_derecha_menu.png" border="0" />
     </td>
 
    </tr>
   </table>
El estilo de la tabla es este:

Código:
tr, td, table {
padding: 0px; margin: 0px; border: 0px; border-collapse: collapse;
}
Esto para que supuestamente no se vean los bordes... El problema nada mas esta en Internet Explorer, las imagenes son las siguientes:

La tabla con bordes tiene la siguiente esctructura en firefox:



Y sin bordes en firefox se ve asi:



En Internet Explorer la estructura con bordes es asi:



En esa parte de las X es donde Internet Explorer la hace mas alta de lo que deberia ser... Ya intente incluso poner un espacio en blanco de tamaño de un pixel dentro de esas celdas, pero aun asi sigue poniendola asi de alta...

En Internet Explorer sin bordes se ve asi:



Alguien sabe como podria lograr que en Internet Explorer se vea igual que en firefox??? Las imagenes de los triangulos y el cuadrado las agregue con JavaScript, por eso no estan en el codigo...

Gracias!!!!!!! Saludos!
  #2 (permalink)  
Antiguo 08/07/2007, 13:16
Avatar de Snd234  
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 413
Antigüedad: 10 años, 6 meses
Puntos: 2
Re: Tabla sin bordes y delgada...

Alinea las imagenes, por ejemplo.
La primera imagen, de la esquina superior derecha, alineala bottom-left
La segunda imagen, el borde superior, alineala bottom-center
La tercera, de la esquina superior izquierda, alineala bottom-right
La cuarta imagen, el borde de la izquierda, alineala left-center
... Y asi sucesivamente...
Ademas de ponerle el atributo correspondiente para que no se repitan... (background-repeat: no-repeat;)

Última edición por Snd234; 08/07/2007 a las 13:24
  #3 (permalink)  
Antiguo 08/07/2007, 22:14
 
Fecha de Ingreso: junio-2005
Ubicación: México, México
Mensajes: 429
Antigüedad: 12 años, 6 meses
Puntos: 1
Re: Tabla sin bordes y delgada...

Ahhh gracias! :D tenias razon ahora ya se ve bien en los dos.

Saludos!
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 11:21.