Template con HTML 5 a due colonne??

luigi777 · 4 Feb 2012

Salve, come da titolo c'è qualche tutorial che mi spiega come fare una template con 2 colonne ?

ho provato ad cercare con google.. ma piglio i virus infettati da file javascript.. in alcuni siti..

mi dite se c'è qui su mrwebmaster qualche esempio?

grazie mille...

Mtk-kun · 8 Feb 2012

tutorial in giro ce ne sono a milioni, per quanto riguarda i virus presi dai file javascript non so come usi google ma personalmente non mi è mai successo, in ogni caso tornado al topic, per creare un template a due colonne non serve un tutorial è una cosa di pochi minuiti, ti scrivo un rapido esempio;

HTML:

<!DOCTYPE HTML>
<html lang="en-EN">
<head>
<title></title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css"
media="all">
</head>
<body>
<nav>Menu di navigaione</nav>
<div id="colonnadestra">contenuro della colonna di destra</div>
<div id="colonnasinistra">contenuro della colonna di sinistra</div>
<footer>contenutoi del footer</footer>
</body>
</html>

e dopo la struttura condisci il tutto con un po di css

Codice:

body{
width: 600px;
height: 600px;
margin-left:auto;
margin-right:auto;
}

nav {
width: 600px;
height: 50px;
background: black;
color:white;
}

#colonnadestra{
width: 295px;
height: 100%;
background: blue;
color: white;
float: right;
border: 2px solid;
}
#colonnasinistra{
width: 295px;
height: 100%;
background: grey;
color: white;
float: left;
border: 2px solid;
}
footer {
width: 600px;
height: 50px;
background: black;
color:white;
clear: both;
}

et voilà, un template a due colonne, molto minimal e spartano ma è ciò che ti serviva,
basta poi modificare i parametri esistenti per farlo diventare come più piace.

se ti servono altri chiarimenti sono qui, ti allego i file per vedere da te il risultato(questi sono senza visrus:fonzie

Cerca

Cerca

Template con HTML 5 a due colonne??

luigi777

Utente Attivo

Mtk-kun

Nuovo Utente

Allegati

Discussioni simili