PHP me jode el diseño

[Most]

Hola, pues eso, que el php me jode el diseño, y pasa a la hora de mostrar datos de la base de datos, al insertar esto:

Código PHP:

  <?php 
while($row=mysql_fetch_array($result))  
{ 
echo '<div class="row-articles articles"> 
<div class="cl">&nbsp;</div> 
<div class="article"> 
<div class="cl">&nbsp;</div> 
<div class="image"> 
<a href="'.$row[direccion_foro].'"><img src="'.$row[imagen].'" height="170" width="170"/></a> 
prueba 
</div> 
<div class="cnt"> 
<h4><a href="#">'.$row[titulo].'</a></h4> 
<p>'.$row[articulo].'</p> 
</div> 
<div class="cl">&nbsp;</div> 
</div>'; 
}  
?>   

se me raya el diseño (img-mala con PHP):




img-buena sin PHP-ASI SE TIENE QUE MOSTRAR:

[miktrv]

Hola buenas,

PHP no jode nada, php hace lo que tu le dices.

Tendrías que comparar el código fuente HTML generado por tu página PHP y el de la página correcta para ver que te estas dejando o que te sobra ( ver que diferencias alteran el producto )

Un saludo!

[marcofbb]

Es que te falto cerrar un div

[kivpson]

Tienes errores de etiquetas html amigo, eso es lo que te produce los descuadres, eh marcado los errores:

Código PHP:

  <?php 
while($row=mysql_fetch_array($result))  
{  
echo ' 
<div class="row-articles articles"> 
    <div class="cl">&nbsp;</div> 
    <div class="article"> 
        <div class="cl">&nbsp;</div> 
        <div class="image"> 
            <a href="'.$row[direccion_foro].'"><img src="'.$row[imagen].'" height="170" width="170"/></a> 
            prueba <--- ESTA FUERA DE LA ETIQUETA [A] 
 
        </div> 
        <div class="cnt"> 
            <h4><a href="#">'.$row[titulo].'</a></h4> 
            <p>'.$row[articulo].'</p> 
        </div> 
        <div class="cl">&nbsp;</div> 
    </div> 
??? <--- NO HAY CIERRE DE ETIQUETA [DIV] 
'; 
}   

Por otra parte te sugiero usar un metodo más limpio para trabajar con el php:

Código PHP:

  <?php while($row=mysql_fetch_array($result)): ?> 
<div class="row-articles articles"> 
    <div class="cl">&nbsp;</div> 
    <div class="article"> 
        <div class="cl">&nbsp;</div> 
        <div class="image"> 
            <a href="<?php echo $row[direccion_foro]; ?>"><img src="<?php echo $row[imagen]; ?>" height="170" width="170"/>prueba</a> 
        </div> 
        <div class="cnt"> 
            <h4><a href="#"><?php echo $row[titulo]; ?></a></h4> 
            <p><?php echo $row[articulo]; ?></p> 
        </div> 
        <div class="cl">&nbsp;</div> 
    </div> 
</div> 
<?php endwhile;?>   

De esta manera te es más facil reconocer errores, ya que te permite separar el html de tu código php y puedes ver el render del html desde tu editor.

Te recomiendo tambien usar algún framework para plantillas, te ayudará mucho en tus futuros trabajos. Uno muy bueno es este: [URL="http://www.smarty.net/"]http://www.smarty.net/[/URL]

Espero te sirva.

Saludos.

[Most]

vale, muchas gracias, era cerrar el div solo, lo del framework, para que sirve? (perdona mi ignorancia)