[SOLUCIONADO] Colocar Productos Horizontal en una Pagina

[bathory84]

Hola que tal, hice una pagina HTML con 4 Productos colocados de manera Horizontal en el index, luego al colocarle enlaces de Base de Datos y guardar el mismo index como PHP los 4 Productos se colocaron de manera Vertical y no encuentro la manera de colocarlos Horizontal.

Este es el Código de la pagina:

Código HTML:

<?php
 
require_once('Conexion.php');
 
$sql = "SELECT * FROM productos order by fecha_crea desc limit 4";
 
$consulta = mysql_query($sql,$con);
 
while($row = mysql_fetch_array($consulta)){
 
?>
         
 
<ul class="products-grid row">
<li class="item first span3">
<a href="#" title="" class="product-image"><img src="productos/<? echo utf8_encode($row['foto1']);?>" alt="" height="242" width="242"></a>
<div class="product-shop">
<div class="price-box">
<span class="regular-price" id="product-price-26-new">
<span class="price"><? echo "Bs.  ".utf8_encode($row['precio']);?></span> </span>
</div>
<h3 class="product-name"><a href="#" title=""> <? echo utf8_encode(substr($row["titulo"],0,40)); ?></a></h3>
<div class="desc grid-desc">
<? echo utf8_encode(substr($row["descripcion"],0,40)); ?>... </div>
<div class="actions">
<button type="button" title="" class="button btn-cart" onclick="setLocation('producto1.php?id=<? echo utf8_encode($row['id']);?>')"><span><span>Ver Detalles</span></span></button>
 
 
<ul class="add-to-links">
 
</ul>
</div>
</div>
 
 
 
<ul class="add-to-links">
 
</ul>
 
 
 
<div class="label-product">
<span class="new">Nuevo</span> </div>
</li>
</ul>
 
<?
}
?>
 

[pateketrueke]

Pues bien, o lo resuelves con CSS (lo correcto) o cambias lo que estás repitiendo en el loop.

Es obvio que si repites una lista debajo de otra se organizarán verticalmente.

[bathory84]

Casi lo logro amigo pero no se mucho sobre los códigos.

Como hago para Reemplazar los <ul> </ul> y los <li> </li> para que no sean en modo listado sino en modo normal ?

[Triby]

Muevo tu tema a CSS, allá podrán orientarte mejor.

No olvides mostrar solo código HTML y CSS.

[bathory84]

No logro terminarlo, si me pueden ayudar por favor, es lo unico que me falta, el orden Horizontal. No creo que sea CSS sino los <li> y <ul>.

[pzin]

Tendrás que usar float o display para que se vean de forma horizontal.