posicion de capas en tablas centrada

rrufo · #1 (**permalink**) 02/03/2006, 02:17

he de poner carias imagenes por capas dentro de una tabla centrada,
por lo que la posicion de tabla depende de la resolucion de pantalla

como podria entonces poner las imagenes, en las coordenadas correctas?

Código:

<table align="center" width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="80">&nbsp;</td>
  </tr>
  <tr>
    <td> ====== menu ====== </td>
  </tr>
</table>
<table align="center" width="500" height="500" border="0" cellpadding="0" cellspacing="0" background="bg.jpg">
  <tr valign="top">
    <td width="100" height="100">
    <div style="position:absolute; left:0px; top:0px; overflow: hidden;"><a href="#" target="_blank"><img src="Iconos/Barco.gif"  width="50" height="50" border="0" ></a></div></td>
    <div style="position:absolute; left:150px; top:450px; overflow: hidden;"><a href="#" target="_blank"><img src="Iconos/Camion.gif" width="50" height="50" border="0" ></a></div>
</td>
    <td width="100" height="100">&nbsp;</td>
    <td width="100" height="100">&nbsp;</td>

position:absolute;
position:relative;
position:static;
position:inherit;

rrufo · #2 (**permalink**) 03/03/2006, 02:51

si no me explique bien me lo dicen, q pa eso soy muy torpe

kazafun · #3 (**permalink**) 03/03/2006, 04:36

1º te aconsejaria que todo el codigo CSS estuviera en un archivo aparte

A ver, centrar una tabla y poner su contenido como position:absolute no es algo muy habitual. Position:absolute logra posicionar la caja a la que es aplicado en cualquier lugar de la pantalla, asi que de poco te puede servir centrar la tabla y su contenido FIJARLO a la esquina superior izquierda a un numero FIJO de pixeles.

Yo empezaria por no utilizar position:absolute.

rrufo · #4 (**permalink**) 03/03/2006, 06:42

vale pero si pongo relative, cada imagen se calcula sobre la anterior,

<div style="position:relative; left:0px; top:0px; <img src="Iconos/Barco.gif" width="50" height="50" border="0" ></div>

<div style="position:relative; left:100px; top:100px; "><img src="Iconos/Camion.gif" width="50" height="50" border="0" ></div>

el Barco sale en 0,0
pero el camion me sale mal, creo q en 150,100

es decir es relativa a la posicion.

kazafun · #5 (**permalink**) 03/03/2006, 08:36

¿porque no prescindes de "position"?

rrufo · #6 (**permalink**) 06/03/2006, 01:28

pq tengo q elejir cada icosno en q posicion va.