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)