¿como centrar el menu de navegacion

miguel404 · #1 (**permalink**) 03/11/2006, 13:50

hola, me gustaria saber como puedo centrar este menu de navegacion horizontal, lo quiero poner abajo de la pagina y centrado

gracias

os dejo el codigo

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#FFFFFF" background="fondo.JPG">

<table width="100%" border="0" cellspacing="0" cellpadding="3"
name="titulo">
<tr>
<td align="center" valign="top">
<font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#000000">
<b>
<i>

GALERIA DE FOTOS

</i>
</b>
</font>

</td>
</tr>
</table>
<CENTER>

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC=".jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">
<br>

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<a href="iglesia2.jpg" target="_blank">
<IMG BORDER="1" SRC="iglesia2.jpg" ALT="iglesia2.jpg" width="180" height="140"></a></font></td>
<td width="60" align="center" height="1">

<CENTER>
</td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "#">
<html xmlns="#" xml:lang="ca" lang="ca">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Título de la página</title>
<style type="text/css">
ul#menu {list-style-type:none; margin:0; padding:0;}
ul#menu li {float:left; margin-right:.8em; padding-right:.6em; border-right: solid 1px #000;}
ul#menu a {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: blue; font-weight:bold; font-size:.8em;}
ul#menu a:hover {color:#FFF; background:blue;}
</style>

</head>

<body>

<ul id="menu">

<li><a href="#">Inicio</a></li>
<li><a href="#">Galeria de Fotos</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Enlaces</a></li>
</ul>

</body>

</html>

atribis · #2 (**permalink**) 03/11/2006, 15:16

Creo que tienes un pequeño gran lio de etiquetas

Así que yo vea por encima, justo antes de abrir el <CENTER>, cierras la tabla.
A continuación pones todos tus enlaces y después de cerrar el bloque center cierras varias celdas seguidas </td> y vuelves a poner </table> pero no habías abierto más que una

Según mi opinión, deberías poner cada enlace en una celda dentro de una tabla centrada. Así te quedaría ya centrado de por si. Yo al menos es como lo hago y me funciona ;)