Tema: Resultado horizontal (maysql + php + css)
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 19/11/2008, 08:49
Claugtrs
 
Fecha de Ingreso: febrero-2004
Mensajes: 134
Antigüedad: 20 años, 2 meses
Puntos: 0
Respuesta: Resultado horizontal (maysql + php + css)
Ah!!! esto me devuelve el navegador.
Esto es como sería en realidad lo que tendría que mostrar.

Código HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>hidromasajeAldía</title>
<link href="estilos/master.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="centrar">
<div id="contenedor">

<div id="top">

<div class="colVertTop"></div><!--#/colVert-->
	<div id="contNav">

	<ul id="navSup">
		<li><a href="#">Ambientaciones</a></li>
		<li><a href="#">Sucursales</a></li>
		<li><a href="#">Franquicias</a></li>
	</ul>
	</div>
</div><!--#/top-->

<div id="sepNar"></div><!--#/sepNar-->
<div id="sup"></div><!--#/sup-->
<div id="central">

<div class="colVertCent"></div><!--#/colVert-->
<div id="menuVert">
	
	<ul id="navVert">
		<li><a href="#">Hidromasajes</a></li>
		<li><a href="#">Sanitarios</a></li>
		<li><a href="#">Griferías</a></li>

		<li><a href="#">Amoblamientos</a></li>
		<li><a href="#">Mamparas</a></li>
		<li><a href="#">Bachas y Mesadas</a></li>
		<li><a href="#">Complementos</a></li>
	</ul>
</div><!--#/menuVert-->
<div id="panelCent">
<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Acapulco</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2677_acapulco.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>149 x 78<br /><hr><b>Medida: </b>164 x 78<br /><hr><b>Medida: </b>163 x 90<br /><hr><b>Medida: </b>182 x 91<br /><hr><b>Medida: </b>190 x 91<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Alvear</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2662_alvear.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>160 x 80<br /><hr>
</div><!--#/tiraMed-->

</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Aniversario</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2647_aniversario.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>147 x 70<br /><hr><b>Medida: </b>161 x 70<br /><hr><b>Medida: </b>170 x 70<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Aruba</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2922_aruba.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>180 x 150<br /><hr>
</div><!--#/tiraMed-->

</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Atenas</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2908_atenas.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>155 x 90<br /><hr>
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Bahía</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2912_bahia.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>120x 70 x 42<br /><hr><b>Medida: </b>130 x 70<br /><hr><b>Medida: </b>138 x 70<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Barbados</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2924_barbados.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>150 x 120<br /><hr><b>Medida: </b>165 x 120<br /><hr><b>Medida: </b>180 x 120<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Barbados</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/532.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Dual</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2936_dual.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>180 x 130<br /><hr><b>Medida: </b>180 x 150<br /><hr>
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Ibiza</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2931_ibiza.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>182 x 82<br /><hr><b>Medida: </b>182 x 91<br /><hr><b>Medida: </b>180 x 105<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Minimal</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/minimal.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>170 x 75<br /><hr>
</div><!--#/tiraMed-->

</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Orlando</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2915_orlando.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>160 x 75<br /><hr>
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Penélope</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2905_penelope.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>160 x 82<br /><hr><b>Medida: </b>170 x 82<br /><hr><b>Medida: </b>180 x 82<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Relax Dúo</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2723.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>180 x 120<br /><hr>
</div><!--#/tiraMed-->

</div><!--#/tiraProd-->

<div class="tira">

<div class="tiraProd">
<div class="tiraMod">
Relax Simple</div><!--#/tiraMod-->
<div class="tiraImg">
<img src='productos/2618_relaxsimple.jpg' onload='if(this.height > 125) {this.height=125}'>
</div><!--#/tiraImg-->
<div class="tiraMed">
<b>Medida: </b>140 x 77<br /><hr><b>Medida: </b>149 x 77<br /><hr><b>Medida: </b>167 x 77<br /><hr>

</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
</div>
 </div><!--#/panelCentral-->
</div><!--#/central-->
<div id="pie"></div><!--#/pie-->
</div><!--#/contenedor-->
</div>
<!--#/centrar-->


</body>
</html>