tal vez el titulo no sea muy explicativo pero lo que sucede es que estoy trabajando en una pagina y necesito conectarla a una base de datos que me muestre los post reciantes los cuales corresponden a unos items como este:
Código HTML:
<div class="item" id="item-18"><img alt="imagen" src="https://dl.dropboxusercontent.com/u/30974234/vis97c/img/img2.jpg" />titulo del post</div>
el id en el codigo anterior corresponderia al primary key en la base de datos.
basicamente lo que necesito es que al acceder a la pagina esta se conecte a la base de datos y consiga los codigos por ejemplo de los ultimos 18 items. (pero como dice el titulo sin tablas pues para que no se altere el diseño en css el cual seria este:
Código:
.item {
overflow : hidden;
float : left;
margin-bottom : 20px;
margin-right : 20px;
width : 218px;
height : 230px;
background : #FFF;
position : relative;
border-radius : 5px;
border:1px solid #D8D8D8;
padding:10px;
font-size : 18px;
color : #000;
text-decoration : none;
}
.item img:hover {
opacity : 0.89999997615814208984375;
cursor : pointer;
width : 218px;
height : 231px;
}
.item img {
width : 218px;
height : 160px;
margin-bottom : 5px;
border-radius : 3px;
}
por mas que busco en internet todas las consultas mysql son necesariamente mostradas en tablas y obviamente no quiero eso por que afecta el diseño, espero me puedan ayudar.
mi pagina:
http://vis97c.tk/