¿Cómo puedo
CENTRAR en la página, este menú, señalado con la flecha
roja?
Por más combinaciones que hago, ...
¡no lo logro!.
Este es el código que tengo:
Código:
<html>
<head>
<title> </title>
<style type="text/css">
body,html
{margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;}
body
{background-color: #eeeeee;}
#contenido
{clear: both;}
#menu ul
{list-style-type: none;
margin: 0;
padding: 0;}
#menu ul li
{display: block;
float: left;
text-align: center;}
#menu ul li a
{display: block;
width: 145px;
height: 25px;
background-color: #ddd;
margin: 2px;
border :1px solid #000080;
text-decoration: none;}
#menu a.active
{background-color: #0000ff;
color: #ffffff;
font-weight: normal;}
#pad1, #pad2, #pad3
{width: 600px;
height: 200px;
border: 2px solid #000080;
background-color: #ffffff;
display: none;
font: 10px verdana, arial, helvetica, sans-serif;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#primera" id="menu1" onclick="activaDesactiva('1'); return false;">Tenerife</a></li>
<li><a href="#segunda" id="menu2" onclick="activaDesactiva('2'); return false;">Almería</a></li>
<li><a href="#tercera" id="menu3" onclick="activaDesactiva('3'); return false;">Mallorca</a></li>
</ul>
</div>
</body>
</html>
Muchas gracias.