Foros del Web » Creando para Internet » CSS »

DIV detectable por Tablas

Estas en el tema de DIV detectable por Tablas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/12/2009, 11:56
 
Fecha de Ingreso: diciembre-2007
Mensajes: 927
Antigüedad: 10 años
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>
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 21:53.