Salve ragazzi,
Questo è il mio primo post, spero di non recare troppo disturbo!
volevo creare una griglia, per poter poi cominciare a costruire un tema wordpress (ovviamente html5).
Ho fatto questo test qui...
"
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style>
#prova{ width:30%; float:left; border: 1px solid red; margin:5px;}
.a1{ height:300px;}
.a2{height:400px;}
.a3{height:200px;}
.a4{height:300px;}
.a5{height:200px;}
.a6{height:300px; }
.a7{height:400px; margin-top:-50; }
</style>
</head>
<body>
<div style="width:970px; ">
<div id="prova" class="a1">1</div>
<div id="prova" class="a2">2</div>
<div id="prova" class="a3">3</div>
<div id="prova" class="a4">4</div>
<div id="prova" class="a5">5</div>
<div id="prova" class="a6">6</div>
<div id="prova" class="a7">7</div>
</div>
</body>
</html>
"
Speravo che la colonna 5e6 con div="prova" si posizionano a un margine di 10px dal div che sta sopra in modo da essere più compatta, in pratica voglio creare una griglia.
E' da un bel po che lavoro con html e css, ma è la prima volta che ho pensato a un design del genere.. E infatti mi era venuto il dubbio delle corrette funzionalità, tanto da fare questa prova e capire che effettivamente non funziona..
Sapete darmi una mano?
Forse devo creare 3 colonne invece di una serie di div con float:left?
Cattura.jpg
Rispondi quotando