Foros del web, para los que viven de bits

rrufo · 02-mar-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 · 03-mar-2006, 02:51

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

kazafun · 03-mar-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 · 03-mar-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 · 03-mar-2006, 08:36

¿porque no prescindes de "position"?

rrufo · 06-mar-2006, 01:28

pq tengo q elejir cada icosno en q posicion va.

03-mar-2006, 04:36	#3 (permalink)
kazafun Fecha de Ingreso: diciembre-2003 Ubicación: Elda Mensajes: 578	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. __________________ MUERTE a Internet Explorer Mi portfolio de diseño web en Elda

03-mar-2006, 08:36	#5 (permalink)
kazafun Fecha de Ingreso: diciembre-2003 Ubicación: Elda Mensajes: 578	¿porque no prescindes de "position"? __________________ MUERTE a Internet Explorer Mi portfolio de diseño web en Elda

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

03-mar-2006, 02:51	#2 (permalink)
rrufo Fecha de Ingreso: noviembre-2002 Mensajes: 1.340	si no me explique bien me lo dicen, q pa eso soy muy torpe

03-mar-2006, 06:42	#4 (permalink)
rrufo Fecha de Ingreso: noviembre-2002 Mensajes: 1.340	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.

06-mar-2006, 01:28	#6 (permalink)
rrufo Fecha de Ingreso: noviembre-2002 Mensajes: 1.340	pq tengo q elejir cada icosno en q posicion va.