Ver Mensaje Individual
  #24 (permalink)  
Antiguo 25/11/2008, 05:21
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Respuesta: Resultado horizontal (maysql + php + css)

Pruébalo así:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Claugtrs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#contenedor {overflow: auto;
width: 300px;
margin: 40px;
height: 104px;
}
.tiraProd {border:1px solid #FF6600;
margin-left:5px;
width:146px;
}
table {table-layout: fixed;}
td {width: 146px; vertical-align: top;}
</style>
</head>
<body>
<div id="contenedor">
<table>
<tr>
<td>
<div class="tiraProd">
<div class="tiraMod">
- Acapulco</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2677_acapulco.jpg' onload='if(this.height > 115) {this.height=115}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<div class="tiraIz"><b>Medida: </b></div>
<div class="tiraDer">
<a href="formato.php?id_mod=8">149 x 78</a><br /><a href="formato.php?id_mod=8">164 x 78</a><br /><a href="formato.php?id_mod=8">163 x 90</a><br /><a href="formato.php?id_mod=8">182 x 91</a><br /><a href="formato.php?id_mod=8">190 x 91</a><br /></div><!--#/tiraDer-->
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
</td>

<td>
<div class="tiraProd">
<div class="tiraMod">
- Alvear</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2662_alvear.jpg' onload='if(this.height > 115) {this.height=115}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<div class="tiraIz"><b>Medida: </b></div>
<div class="tiraDer">
<a href="formato.php?id_mod=5">160 x 80</a><br /></div><!--#/tiraDer-->
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
</td>

<td>
<div class="tiraProd">
<div class="tiraMod">
- Alvear</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2662_alvear.jpg' onload='if(this.height > 115) {this.height=115}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<div class="tiraIz"><b>Medida: </b></div>
<div class="tiraDer">
<a href="formato.php?id_mod=5">160 x 80</a><br /></div><!--#/tiraDer-->
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
</td>

<td>
<div class="tiraProd">
<div class="tiraMod">
- Alvear</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2662_alvear.jpg' onload='if(this.height > 115) {this.height=115}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<div class="tiraIz"><b>Medida: </b></div>
<div class="tiraDer">
<a href="formato.php?id_mod=5">160 x 80</a><br /></div><!--#/tiraDer-->
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
</td>

<td>
<div class="tiraProd">
<div class="tiraMod">
- Alvear</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2662_alvear.jpg' onload='if(this.height > 115) {this.height=115}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<div class="tiraIz"><b>Medida: </b></div>
<div class="tiraDer">
<a href="formato.php?id_mod=5">160 x 80</a><br /></div><!--#/tiraDer-->
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
</td>
</tr>
</table>

</div>
</body>
</html>
__________________
Visita mi nueva web idplus.org