Centrar menú [Ace Navy]
Quisiera saber como puedo centrar el menú del tema AceNavy. Este es el CSS: Spoiler: #navMain form { float: right; margin: 7px 20px 0px 0px; } ...

Quisiera saber como puedo centrar el menú del tema AceNavy.

Este es el CSS:

Spoiler
#navMain form {
	float: right;
	margin: 7px 20px 0px 0px;
}

#navMain ul {
	list-style: none;
	float: left;
	font-family: 'Open Sans', arial, serif; /*Custom font implemented via google fonts api*/
}

#navMain ul li {
	display: inline;
	margin-right: 25px;
}

#navMain ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #7b7b7b;
	font-size:14px;
	/*Add white glow to text using text-shadow property*/
	text-shadow: 1px 1px 1px #ffffff; /* From left to right - horizontal offset, vertical offset, blur radius, color.
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	/*End shadow*/
}

#navMain ul li a:hover {
	color: #3986a6;
}

#navMain {
	width: 99.9%;
	margin: auto auto;
	border: 1px solid #ccc;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* W3C */
	float: left;
	border-bottom: 1px solid #d7d7d7;
}


Y el HTML es este:
	<div id="navMain">
		<ul>
		<li><a href="{$mybb->settings['bburl']}/portal.php">{$lang->toplinks_portal}</a></li>
		<li><a href="{$mybb->settings['bburl']}/index.php">{$lang->forumbit_forum}</a></li>
		<li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
		<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
		<if $GLOBALS['mybb']->settings['enablecalendar'] != 0 then>
		<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li></if>
		<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</ul>
<form method="post" action="search.php">
<div>
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" name="keywords" value="" />
<button class="buttonsearchheader" name="button" type="submit" >
<span>{$lang->toplinks_search}</span></button>
</div>
</form>
</div>

PD: No se fijen en el condicional..

Aquí una captura..

El recuadro rojo es donde quiero que mas o menos se muestre.

De antemano, gracia Smile
Una pequeña subidita..
#navMain ul {

cambiale el float: left, creo que con un align: center tiene
:)
Se me descuadra el cuadro de búsqueda & queda en la linea de abajo.

Y solo funciona cambiando float: left; por text-align:center;
intenta alinearlo al right y darle un margin-right: 52px; (varia ese numero hasta lograr lo que quieres)
:)
Colaboradores
Cluster
This forum uses Lukasz Tkacz MyBB addons.