Creo que esto se resuelve con CSS No se si es a este foro que debo recurrir de no ser así mil disculpas
Estoy en medio de un problema que no logro resolver desde hace días, pensé que el tiempo y las pruebas iban a traer claridad a mi mente.
Resulta que tengo una base de datos con productos y estos campos...
(modelo, imagen y medidas)
Unos cuadraditos así
--------------------
Modelo
--------------------
Imagen
---------------------
medida 1
medida 2
medida etc
--------------------
y necesito que se forme una tira horizontal uno al lado del otro con una barra de scroll abajo
entonces esto es lo que intenté
tira.php
Código PHP:
<?php
$conexion=mysql_connect("localhost","pirulo","clave") or die("Problemas en la conexion");
mysql_select_db("base",$conexion) or die("Problemas en la selección de la base de datos");
$registros=mysql_query("SELECT * FROM modelo as m
join forma as f on f.id_f=m.id_f
where forma='rectangular' order by modelo;",$conexion) or die("Problemas en el select:".mysql_error());
while ($reg=mysql_fetch_array($registros))
{
?>
<div id="tira">
<div id="tiraProd">
<div id="tiraMod">
<?
echo $reg['modelo'];
?>
</div><!--#/tiraMod-->
<div id="tiraImg">
<?
$imagen = $reg['imagen'];
if($imagen=="productos/"){
echo "<img src=\"img/imagen_no_dis.jpg\">";
}else{
echo "<img src='".$reg['imagen']."' onload='if(this.height > 125) {this.height=125}'>"; }
?>
</div><!--#/tiraImg-->
<div id="tiraMed">
<?
$medida=mysql_query("select * from medida as med
join modxmed as mxm on mxm.id_med=med.id_m
where mxm.id_mod=".$reg['id_mod']);
while ($reg_med=mysql_fetch_array($medida))
{
echo '<b>Medida: </b>'.$reg_med['medida'];
echo "<br />";
echo "<hr>";
}//cierre while medidas
?>
</div><!--#/tiraMed-->
</div><!--#/tiraProd-->
<?
} //cierre while modelo
mysql_close($conexion);
?>
</div>
Código:
esto va dentro de un contenedor...#tira{
width:3000px;
}
#tiraProd{
width:146px;
border:1px solid #FF6600;
height:auto;
margin-left:5px;
float:left;
}
#tiraMod{
width:146px;
background:#FF6600;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bolder;
color:#FFFFFF;
}
#tiraImg{
background:#000000;
width:136px;
height:129px;
text-align:center;
margin:5px;
}
#tiraMed{
background:#CCCCCC;
width:136px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:5px;
}
Código HTML:
<div id="panelCent"><? include("tira.php"); ?> </div><!--#/panelCentral-->
En FF me lo toma pero no en ie6/7
desde ya muchas gracias por su atención y paciencia.
