quadrato 3x3: lista o div?

**Emar** · 02-05-2008, 21:00

Salve ragazzi!
Come posso creare un quadrato 3x3?
Siccome è un menu sarebbe meglio che fosse una lista o i div vanno bene?
Mi date una mano per favore?
il quadrato dovrebbe avere le dimensioni di 450px e ogni sotto quadrato di 150px.
Dovrebbe venire una cosa così più o meno: http://www.ecmedia.it

**gengix** · 02-05-2008, 21:58

Questa potrebbe essere una soluzione:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<title></title>
    <style type="text/css">
    * {
    margin:0;
    padding:0;
    }
    html {
    font-size:100%;
    }
    body {
    text-align:center;
    font: 1em Arial, Verdana, Tahoma, sans-Serif;
    }
    ul {
    margin:auto;
    width:450px;
    height:450px;    
    }
    li {
    display:inline;
    list-style:none;    
    }
    li a {
    display:block;
    float:left;
    width:150px;
    height:150px;
    color:#fff;
    line-height:9em;
    }
    .li1 {
    background:red;
    }
    .li2 {
    background:green;
    }
    .li3 {
    background:blue;
    }  
    </style>
</head>
<body>
<ul>
	[*]link 1[*]link 2[*]link 3[*]link 4[*]link 5[*]link 6[*]link 7[*]link 8[*]link 9[/list]
</body>
</html>

Prova a testarlo. Le classi sono solo per vedere i colori dei blocchi.

**Emar** · 02-05-2008, 22:14

grazie mille! molto brao, veramente!

perfetto!

Discussione: quadrato 3x3: lista o div?

Strumenti discussione

Ricerca discussione

Visualizza

quadrato 3x3: lista o div?

Permessi di invio