Archive for November, 2009

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.

Esquinas redondeadas con CSS

Bien pues uno de los problemas al diseñar sitios Web, son las esquinas redondeadas que dan un toque especial a nuestros diseño, en este articulo mostrare de forma sencilla como lograrlo usando solo CSS

a {
padding: 2px 6px;
background: #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

Esto pondrá esquinas redondeas a todos los enlaces.
Si quieren el borde aun mas redondeado aumenten los pixeles, 5px, 15px, 20px, etc. Pueden agregarle bordes, también redondeados.

Funciona en: Opera, Safari, Firefox, Chrome.
No funciona en: adivinen!… IE

Twitter Delicious Facebook Digg Stumbleupon Favorites More