Mi archivo css:
Código CSS:
Ver original
body { font-family: Arial, Helvetica, Verdana; margin-left: 15px; margin-right: 15px; } h1 { text-align: center; } .box-blue, .box-gray, .box-green, .box-grey, .box-red, .box-yellow { margin:0 0 25px; overflow:hidden; padding:20px; -webkit-border-radius: 10px; border-radius: 10px; } .box-blue { background-color:#d8ecf7; border:1px solid #afcde3; } .box-gray { background-color:#e2e2e2; border:1px solid #bdbdbd; } .box-green { background-color:#d9edc2; border:1px solid #b2ce96; } .box-grey { background-color:#F5F5F5; border:1px solid #DDDDDD; } .box-red { background-color:#f9dbdb; border:1px solid #e9b3b3; } .box-yellow { background-color:#fef5c4; border:1px solid #fadf98; } .flotar { width: 29%; height: 800px; float: left; margin-right: 35px; overflow-x:hidden; overflow-y:scroll; } .desordenar { margin: 0 auto; width: 220px; height: 30px; margin-bottom: 10px; } .autor { font-size: 10px; color: #51a3ff; }
Donde implemento el div:
Código PHP:
Ver original
<html> <head> <meta charset="utf-8" /> <title>Chistes+</title> <link rel="stylesheet" type="text/css" href="chistes.css"></link> </head> <body> <div class="desordenar"> <IMG src="desordenar.jpg" onclick="window.location.reload()" ></IMG><br/> </div> <?php //conexion $link = mysqli_connect("host","usuario","pass","bdname") or die ("No se ha podido conectar a la base de datos. Hay un error o no dispone de conexion a Internet. " . mysqli_error($link)); //consulta $query ="SELECT * FROM CHISTES ORDER BY RAND()" or die("Error en la consulta. " . mysqli_error($link)); //ejecuta el query echo "<div class='box-yellow'>"; echo "<autor>Enviado por <font color='blue'><b>" . $row["usuario"] . "</b></font> el " . $row["fecha"] . "</autor>"; echo "<br/>" . $row["texto"] . "<br/><hr/>"; echo "</div>"; } ?> </body> </html>
A ver si vosotros sois capaces de identificarlo que a mi me lleva la cabeza loca. Un saludo