Centrar menu en foro

javier1905 · #1

Hola...

Estoy intentando poner un MENU en el foro,,, y casi lo tengo configurado,,, pero no consigo que salga CENTRADO... me podeis ayudar:

Imagen

Este menu viene muy bien para lo que quiero y tiene una version gratuita,,,, (poniendo el enlace del copyright del menu), todo va perfecto,, pero como os comento no consigo que salga centrado...

Por cierto ahora mismo lo tengo desactivado, ya que aun no esta completado.

Saludos

leviatan21 · #2

javier1905 escribió:Por cierto ahora mismo lo tengo desactivado, ya que aun no esta completado.

Si ver de que se trata, difícilmente te podamos ayudar,

javier1905 · #3

Te lo pongo ahora mismo Gabriel,,,, dos minutos...

Gracias

javier1905 · #4

Este es parte del CODIGO del fichero html que crea el menu creo,,,

Código: Seleccionar todo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link type="text/css" href="menu_titan.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="menu.js"></script>
</head>
<body>

<style type="text/css">
* { margin:0;
    padding:0;
}
body { background:#171717; }
div#menu {
    margin:10px auto;
    width:100%;
}
</style>

<div id="menu">
    <ul class="menu">
		<li><a href="#"><span>NORMAS DEL FORO</span></a>
			<div><ul>
				<li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=3676"><span>Generales</span></a></li>
				<li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=4657"><span>Colaboración</span></a></li>
			</ul></div>
		</li>	
		<li><a href="#"><span>ANUNCIOS</span></a>
			<div><ul>
				<li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=3688"><span>Como Publicar</span></a></li>
				<li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=4824"><span>Límite 5 Aportes</span></a></li>
				<li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=4658"><span>Se Necesita Personal</span></a></li>
                <li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=1192"><span>Plantillas</span></a></li>
				<li><a href="http://podriasermejor.net/phpBB3/viewtopic.php?f=3&t=5321"><span>Iconos De Tema</span></a></li>
			</ul></div>

Gracias amigo

leviatan21 · #5

Lamento decir que por su estructura no es posible centrarlo

javier1905 · #6

Lastima Gabriel,,,, gracias por hechar un vistazo,,,, vere si puedo hacer un apañito,,,je,je,,,,,

Modificando el "WIDTH: 100%" he podido centrarlo un poco,, si se puede llamar centrar a eso claro,,,,

Gracias

javier1905 · #7

Perdona Gabriel,,,, una pregunta mas por favor,,,,

Habria muchos problemas centrandolo de esta forma,,?? He bajado el width a un 82%,,,,, lo he dejado asi:

Código: Seleccionar todo

div#menu {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
    width: 82%;
}

Gracias

leviatan21 · #8

achicando el ancho y agregando márgenes (como lo has hecho ) te puede "parecer centrado" según el ancho de tu monitor :

Código: Seleccionar todo

div#menu {
    margin: 0 auto 10px;
    width: 82%;
}

Si lo miras en 1024px verás que parece centrado (aunque hay otros errores ) y si lo agrandas a mas de 1500px lo verás raro

javier1905 · #9

Gracias Gabriel,,,, pues ya no se que hacer,,, mejor va ha ser no dejarlo "CENTRADO" no crees,,,??

Ya me has intrigado con eso de los errores,,(te refieres a lo que ya me comentaste que se veia cortado el fordo o los bordes con resoluciones grandes,,?)

Gracias de nuevo...

leviatan21 · #10

javier1905 escribió:Gracias Gabriel,,,, pues ya no se que hacer,,, mejor va ha ser no dejarlo "CENTRADO" no crees,,,??

Ya me has intrigado con eso de los errores,,(te refieres a lo que ya me comentaste que se veia cortado el fordo o los bordes con resoluciones grandes,,?)

Gracias de nuevo...

No, no tiene nada que ver con las barras blancas de arriba o de abajo, si vas cambiando el ancho de la ventana verás los problemas con "los menúes" y como se "caen" los items

pongo mucho entre comillas porque no se puede explicar, hay que verlo

javier1905 · #11

Ya de eso ya me he dado cuenta,,,je,je,je,,, habra que tener cuidado y no poner demasiadas cosas en el menu,,,je,je,,,

Gracias por tu ayuda,,, por lo menos LO HEMOS INTENTADO verdad,,??

Saludos

DaVidU · #12

perdonar, no había visto este tema

centrar el menú, lo que se dice centrarlo no se puede, pero crear una zona con un tamaño en concreto (el mismo ancho del menú una vez terminado y lleno de enlaces) y centrado si se puede

como no se como lo adaptaste, para entendernos lo que yo he hecho ha sido un include, he creado un archivo llamado "menu.html" con el html del menu y he hecho un include en el overall_header.html de esta manera:

Código: Seleccionar todo

<!-- INCLUDE menu.html -->

pero a lo que vamos, he creado una nueva etiqueta en el archivo colours.css y puse esto:

Código: Seleccionar todo

.container-menu {
    margin: 0 auto;
	width: 450px; /* Tamaño del ancho menú una vez terminado, cada vez agregues nuevo enlace, debes cambiar el ancho a la nueva medida */
}

después he cogido en el archivo overall_header.html y lo he dejado así:

Código: Seleccionar todo

<div class="container-menu">
<!-- INCLUDE menu.html -->
</div>

el menu que puse mide 450px de ancho y le he puesto un color negro en mi ejemplo para que veas como funciona, este ha sido el resultado:
Imagen

claro esta, lo malo de esto es que dado que le has dado un ancho fijo, cada vez agregues un nuevo enlace=botón deberás cambiar el ancho a la nueva medida

pero es la única manera que se de centrar esto

javier1905 · #13

Gracias David por tu respuesta,,, muy agradecido de verdad...

He cambiado el menu por uno que no necesito que quede centrado y creo queda bastante mejor...

Lo dicho, gracias a los dos por vuestra ayuda...

Saludos

phpBB España Oficial