My menu is on the left of the page,
Iwanttoleaveitcentralized,howdoIdoit?Here'smyHTMLpageandMyCSS:
<!DOCTYPEHTML><htmllang="pt-br">
<head>
<meta name="description" content="Como usar charset na <meta> tag">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Service Desk Leo Madeiras</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
<link rel="shortcut icon" href="\img\favicon.ico" type="image/x-icon"/>
</head>
<body background="\img\bg.jpg" bgproperties="fixed" aling="Center">
<nav>
<ul class="menu">
<li><a href="\index.html">Home</a></li>
<li><a href="#">Service Desk</a>
<ul>
<li><a href="\Celular Gerentes.html" target="_blank">Gerentes</a></li>
<li><a href="Lista de lojas.html" target="_blank">Lojas</a></li>
<li><a href="Chamados.html" target="_blank">Chamados</a></li>
<li><a href="Dados_Pdvs.html" target="_blank">Ponto de venda</a></li>
<li><a href="Ramais.html" target="_blank">Ramais LEO</a></li>
</ul>
</li>
<li><a href="#">Sistemas</a>
<ul>
<li><a href="http://contecomigo.leomadeiras.com.br:8080/html/index.php" target="_blank">Conte Comigo</a></li>
<li><a href="http://kcs.premierit.com.br/leomadeiras/#keep" target="_blank">Base de Conhecimento</a></li>
<li><a href="http://10.25.59.31:8080/casi/home.xhtml" target="_blank">Casi</a></li>
<li><a href="http://www.sintegra.gov.br/" target="_blank">Sintegra</a></li>
</ul>
</li>
<li><a href="#">NFE</a>
<ul>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/nfe_outb_monitor?sap-client=500&sap-language=PT#" target="_blank">Monitor NFE</a></li>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/nfe_batch_monitor?sap-client=500#" target="_blank">Monitor de Lote</a></li>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/nfe_servsta_monitor?sap-system-login-basic_auth=X&sap-client=500&sap-language=PT#" target="_blank">Monitor Status Serviço NFE</a></li>
<li><a href="http://www.nfe.fazenda.gov.br/portal/disponibilidade.aspx?versao=0.00&tipoConteudo=Skeuqr8PQBY=" url="Monitor Status Fazenda" target="_blank">Monitor Status Fazenda</a></li>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/nfe_log_workplace?sap-system-login-basic_auth=X&sap-client=500&sap-language=PT#" target="_blank">Monitor Logistico NFE</a></li>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/nfe_fiscal_workplace?sap-language=PT#" target="_blank">Monitor Fiscal</a></li>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/event_batch_monitor?sap-client=500#" target="_blank">Monitor Lote Evento</a></li>
<li><a href="http://leosappip.leomadeiras.com.br:50000/sap/bc/webdynpro/xnfe/event_monitor?sap-language=PT#" target="_blank">Monitor de Evento Saída</a></li>
</ul>
</li>
<li><a href="#">Monitoramento</a>
<ul>
<li><a href="http://172.30.0.177/zabbix/zabbix.php?action=map.view&ddreset=1" target="_blank">Zabbix</a></li>
<li><a href="http://100.0.0.110/cgi-bin/index" target="_blank">Traffip</a></li>
<li><a href="http://ecmon/cacti/index.php" target="_blank">Cacti</a></li>
</ul>
</li>
<li><a href="#">Premier</a>
<ul>
<li><a href="http://forponto.premierit.com.br/forponto/fptoweb.exe/pientramarcacao" target="_blank">Ponto Premier</a></li>
<li><a href="http://webmail.premierit.com.br/#1" target="_blank">Zimbra</a></li>
<li><a href="http://dp.premierit.com.br:8080/web/guest" target="_blank">DPWEB</a></li>
<li><a href="http://premierit.konviva.com.br/lms/#/login" target="_blank">Konviva</a></li>
</ul>
</li>
</ul>
</nav>
<center><img src="\img\logo.png"></center>
<center> <h1> <font color= "Green" face="Arial Black"> INTRANET SERVICE DESK </font> <br /></h1> </center>
</body>
</html>
CSS:
*{margin: 0; padding: 0;}
body{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}
a{
display:inline-block;
text-decoration:none;
padding:6px 4px;
border:0px solid #ccc;
background-color:#f2f2f2;
color:#333;
font:15px arial, sans-serif;
}
a:hover{
border-color:#aaa;
}
.menu{list-style:none; border:1px solid #c0c0c0; float:left;}
.menu li{position:relative; float:left; border-right:1px solid #c0c0c0; }
.menu li a{color:#333; text-decoration:none; padding:5px 10px; display:block;}
.menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }
.menu li ul{position:absolute; top:25px; left:0; background-color:#fff; display:none; }
.menu li:hover ul, .menu li.over ul{display:block;}
.menu li ul li{border:1px solid #c0c0c0; display:block; width:150px;}