Lo que quiero es que me muestre la imagen con unos div
pero no logro que se me salga en fila de 3, sino que me lo muestra en una sola columna.
meMe sale de esa manera y la quiero de esta forma...
Aquí está el códigoCódigo HTML:
----------CODIGO HTML----------------
<!--div class="wrapper margin-bot">
<article class="col-1">
<div class="prev-indent-bot">
<figure class="img-border"><a href="#"><img src="images/page1-img13.jpg" alt="" /></a></figure>
<div class="clear"></div>
</div>
<h6>Luz frontal izquierda</h6>
<h6>$25.00</h6>
<p class="p2">Luz para hondas frontal izquierda, se encuentra nueva en empaque, con optimas condiciones venta por...</p>
<a class="button" href="descripcion.html">Leer Mas</a>
</article>
<article class="col-1">
<div class="prev-indent-bot">
<figure class="img-border"><a href="#"><img src="images/page1-img11.jpg" alt="" /></a></figure>
<div class="clear"></div>
</div>
<h6>Radiador</h6>
<h6>$47.00</h6>
<p class="p2">Venta de radiador usado, se encuentra en buenas condiciones y optimo para su manipulacion.</p>
<a class="button" href="descripcion.html">Leer Mas</a>
</article>
<article class="col-2">
<div class="prev-indent-bot">
<figure class="img-border"><a href="#"><img src="images/page2-img2.png" alt="" /></a></figure>
<div class="clear"></div>
</div>
<h6>Llantas</h6>
<h6>$45.00 a $70.00</h6>
<p class="p2">Venta de llantas al mayoreo y minoreo, de todo tamaño, nueva y usada a disposicion.</p>
<a class="button" href="descripcion.html">Leer Mas</a>
</article>
</div-->
<!--div class="wrapper">
<article class="col-1">
<div class="prev-indent-bot">
<figure class="img-border"><a href="#"><img src="images/page2-img1.png" alt="" /></a></figure>
<div class="clear"></div>
</div>
<h6>Accesorios</h6>
<h6>Precios Variados</h6>
<p class="p2">Venta de gran cantidad de accesorios para todo tipo de vehiculo, tanto usados como nuevos.</p>
<a class="button" href="descripcion.html">Leer Mas</a>
</article>
<article class="col-1">
<div class="prev-indent-bot">
<figure class="img-border"><a href="#"><img src="images/amortiguador.jpg" alt="" /></a></figure>
<div class="clear"></div>
</div>
<h6>Amortiguador</h6>
<h6>$42.00</h6>
<p class="p2">Venta de un amortiguador nuevo, en buen estado y con su presentacion de originalidad..</p>
<a class="button" href="descripcion.html">Leer Mas</a>
</article>
<article class="col-2">
<div class="prev-indent-bot">
<figure class="img-border"><a href="#"><img src="images/velocidades.jpg" alt="" /></a></figure>
<div class="clear"></div>
</div>
<h6>Caja de velocidades</h6>
<h6>$250.00</h6>
<p class="p2">En venta caja de velocidades usada, se encuentra en buenas condiciones para su uso, 1 año de uso con..</p>
<a class="button" href="descripcion.html">Leer Mas</a>
</article>
</div-->
---------------- codigo PHP----------------- Código PHP:
<?php
echo '<div class="wrapper margin-bot">';
echo '<figure class="img-border"><a href="descripcion.html">';
echo'<article class="col-1">';
echo'<div class="prev-indent-bot">';
echo'<article class="col-1">';
$sql= mysql_query("SELECT * FROM repuesto");
while($res= mysql_fetch_array($sql)){
echo'<div class="prev-indent-bot">';
echo'<figure class="img-border"><a href="descripcion.html">';
echo '<img src="../Administrador/pages/RepuestoCRUD/'.$res["imagen_repuesto"].'"width="230" heigth="220">';
echo'<img src="" alt="" /></a></figure>';
echo'<div class="clear"></div>';
echo '</div>';
echo'<h6>'.$res["nombre_repuesto"].'</h6>';
echo'<h6>'.$res["precio_repuesto"].'</h6>';
echo'<p class="p2">'.$res["descripcion_repuesto"].'</p>';
echo'<a class="button" href="descripcion.html">Leer Mas</a>';
echo'</article>';
}
?>