PHP, MySQL y CSS: Resultados en dos columnas o mas

Pues bien a veces se nos complica un poco mostrar resultados de una base de datos en dos columnas o mas, generalmente lo hacemos de una forma vertical, bien una forma sencilla de hacerlo es implementando estilo con CSS a cada resultado, con el atributo
“align: left;”

Suponiendo que ya tienen conocimientos básicos de php y mysql y que han realizado una conexión a la basa de datos y por ende ya muestran resultados:

Mysql_connect…
Mysql_query…
Supongo que ya saben esto y si no es asi… deberías!

while($row = mysql_fetch_array($result)) {
echo ‘<div class=”list”>$row[nombre] $row[telefono]‘;
echo ‘</div>’
}

CSS

.list {
float: left
width: 200px;
height: 100px;
}

Así de simple pueden hacer que se muestre resultados de una base de datos mysql en dos columnas, o dependiendo de cuantas columnas quieran aumentan o disminuyen los piexeles en “width”.

Si se podrán dar cuenta no es nada complicado solo es CSS básico.

You can leave a response, or trackback from your own site.

One Response to “PHP, MySQL y CSS: Resultados en dos columnas o mas”

  1. Pepe Gau says:

    esta bien facil antes lo hacia con tablas pero pos asi todo es mas facil con css, aver si publican articulos sobre las nuevas funciones de CSS3

Leave a Reply

Twitter Delicious Facebook Digg Stumbleupon Favorites More