www.antera-solutions.com/Plantilla
Y queria saber com llevar el menu al centro y no que quede flotando a la derecha arriba como pasa, quiero que quede como con IE, haber si alguien me puede ayudar:
Cita:
CSS:<div id="enlaces">
<ul class="menu">
<table class="tabla-enlaces" >
<tr>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Inicio</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Empresa</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Servicios</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace-1">Localización</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace-1">Contacto</a></li></td>
</tr>
</table>
</ul>
</div>
<ul class="menu">
<table class="tabla-enlaces" >
<tr>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Inicio</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Empresa</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace">Servicios</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace-1">Localización</a></li></td>
<td class="tabla-enlaces-1"><li><a href="#" class="enlace-1">Contacto</a></li></td>
</tr>
</table>
</ul>
</div>
Cita:
Un saludo /* ENLACES */
#enlaces {
width: 700px;
height: 25px;
background-color: #FFFFFF;
text-align: center;
}
a.enlace{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
a.enlace:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
a.enlace-1{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 129px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
a.enlace-1:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 129px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
.menu {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}
.menu li {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}
.tabla-enlaces {
margin: auto;
padding: 0px;
width: 700px;
text-align: center;
}
.tabla-enlaces-1 {
margin: auto;
padding: 0px;
}
#enlaces {
width: 700px;
height: 25px;
background-color: #FFFFFF;
text-align: center;
}
a.enlace{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
a.enlace:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
a.enlace-1{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 129px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
a.enlace-1:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 129px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
}
.menu {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}
.menu li {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}
.tabla-enlaces {
margin: auto;
padding: 0px;
width: 700px;
text-align: center;
}
.tabla-enlaces-1 {
margin: auto;
padding: 0px;
}