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:
CSS:<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>
Código:
PAGINA;#apDiv1 {
position:absolute;
left:15px;
top:420px;
width:157px;
height:109px;
z-index:1;
}
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>
