Menu orizzontale centrato
Per avere un menu orizzontale centrato seguire i successivi passi:
1) Creare il file index.html contenente il seguente codice:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!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="en">
<head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> <title>Menu centrato</title> </head> <body> <ul class="menuCentrato"> <li><a href="#">Voce 1</a></li> <li><a href="#">Questa è la voce 2</a></li> <li><a href="#">Terza voce</a></li> </ul> </body> </html>
|
2) Creare nella stessa locazione del file index.html, il file style.css contenente il seguente codice:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
body {
min-width: 500px; }
ul.menuCentrato {
list-style: none; margin:0; padding:0; text-align:center; }
.menuCentrato li {
display:inline; }
.menuCentrato li a {
text-decoration: none; }
|
In allegato sono presenti i files presentati prima
Allegati
Ti potrebbe interessare anche Css | Menu orizzontale centrato