Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/12/2009, 11:56
Edig
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 16 años, 3 meses
Puntos: 12
DIV detectable por Tablas

Hola,

Miren tengo un problema. Tengo una web maquetada con tablas por Adobe Illustrator.

Mi problema es que quiero ponerle unos mini banners a los lados, se ven bien en mi compu [1280x800], Pero en una pantalla mas chica [o no windscreen] no se va a ver bien, ya que los minibanners los puse con un div y se ponen sobre la tabla.

Alguien sabe como puedo ponerlo para que se vea bien en cualquier pantalla.

Ya trate de ponerle a la tabla un margin de 150 [tamaño de los mini-banners] y no sirve, se descuadra todo les dejo el code de la tabla y div

DIV:
Código:
<div id="apDiv1"><?
$sql = "SELECT * FROM clientes WHERE activado=1 and (paquete=3 or paquete=4 or paquete=5)  ORDER BY RAND() LIMIT 6";
$result = mysql_query($sql) or die (mysql_error());
$row = mysql_fetch_array($result);
do{
	if(filesize('../banners/'.$row['id'].'.png') != 0) {
		?>
	  <a href="?id=<? echo $row['id']; ?>"><img src="../banners/<? echo $row['id']; ?>.png" width="150" height="70" border="0"></a><br><br>
        <?
	}else{
		?>
        <a href="?id=<? echo $row['id']; ?>"><? echo $row['empresa']; ?></a>
        <?
	}
}while($row = mysql_fetch_array($result));
ß?></div>
CSS:
Código:
#apDiv1 {
	position:absolute;
	left:15px;
	top:420px;
	width:157px;
	height:109px;
	z-index:1;
}
PAGINA;
Código:
<html>
<head>
<title>Web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (web.ai) -->
<table id="Tabla_01" width="911" height="449" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="16">
			<img src="Im%c3%a1genes/web_01.png" width="910" height="4" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td rowspan="9">
			<img src="Im%c3%a1genes/web_02.png" width="3" height="305" alt=""></td>
		<td colspan="14" align="left" valign="top">
			<img src="Im%c3%a1genes/web_03.png" width="903" height="5" alt=""></td>
		<td rowspan="9">
			<img src="Im%c3%a1genes/web_04.png" width="4" height="305" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="2" align="left" valign="top">
			<img src="Im%c3%a1genes/web_05.png" width="470" height="194" alt=""></td>
		<td colspan="6" align="left" valign="top">
			<img src="Im%c3%a1genes/web_06.png" width="429" height="38" alt=""></td>
		<td rowspan="4" align="left" valign="top">
			<img src="Im%c3%a1genes/web_07.png" width="4" height="232" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="38" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="3" align="left" valign="top">
			<img src="Im%c3%a1genes/web_08.png" width="429" height="194" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="156" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2" align="left" valign="top">
			<img src="Im%c3%a1genes/web_09.png" width="7" height="38" alt=""></td>
		<td colspan="6" align="left" valign="top">
			<img src="Im%c3%a1genes/web_10.png" width="463" height="32" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="32" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" align="left" valign="top">
			<img src="Im%c3%a1genes/web_11.png" width="463" height="6" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="Im%c3%a1genes/web_12.png" width="903" height="12" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="Im%c3%a1genes/web_13.png" width="15" height="56" alt=""></td>
		<td rowspan="2" align="left" valign="top">
			<img src="Im%c3%a1genes/web_14.png" width="146" height="39" alt=""></td>
		<td rowspan="3">
			<img src="Im%c3%a1genes/web_15.png" width="34" height="56" alt=""></td>
		<td align="left" valign="top">
			<img src="Im%c3%a1genes/web_16.png" width="148" height="38" alt=""></td>
		<td rowspan="3">
			<img src="Im%c3%a1genes/web_17.png" width="37" height="56" alt=""></td>
		<td colspan="2" align="left" valign="top">
			<img src="Im%c3%a1genes/web_18.png" width="143" height="38" alt=""></td>
		<td rowspan="3">
			<img src="Im%c3%a1genes/web_19.png" width="39" height="56" alt=""></td>
		<td align="left" valign="top">
			<img src="Im%c3%a1genes/web_20.png" width="143" height="38" alt=""></td>
		<td rowspan="3">
			<img src="Im%c3%a1genes/web_21.png" width="40" height="56" alt=""></td>
		<td align="left" valign="top">
			<img src="Im%c3%a1genes/web_22.png" width="141" height="38" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="Im%c3%a1genes/web_23.png" width="17" height="56" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="38" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Im%c3%a1genes/web_24.png" width="148" height="18" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Im%c3%a1genes/web_25.png" width="143" height="18" alt=""></td>
		<td rowspan="2">
			<img src="Im%c3%a1genes/web_26.png" width="143" height="18" alt=""></td>
		<td rowspan="2">
			<img src="Im%c3%a1genes/web_27.png" width="141" height="18" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Im%c3%a1genes/web_28.png" width="146" height="17" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="16" align="left" valign="top">
			<img src="Im%c3%a1genes/web_29.png" width="910" height="139" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="1" height="139" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="146" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="34" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="148" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="37" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="90" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="53" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="39" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="143" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="40" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="141" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="Im%c3%a1genes/espacio.gif" width="4" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>