Foros del Web » Creando para Internet » CSS »

Posición absoluta y centrado texto

Estas en el tema de Posición absoluta y centrado texto en el foro de CSS en Foros del Web. Señores buenos días ... Comento un caso que espero alguien me pueda ayudar para poder configurar el menú y continuar con el diseño de la ...
  #1 (permalink)  
Antiguo 12/08/2011, 08:10
 
Fecha de Ingreso: mayo-2009
Mensajes: 31
Antigüedad: 7 años, 10 meses
Puntos: 1
Exclamación Posición absoluta y centrado texto

Señores buenos días ... Comento un caso que espero alguien me pueda ayudar para poder configurar el menú y continuar con el diseño de la página ...

Tengo un diseño, el cual el menu tendrá una dimensión más larga que el resto de la web, me explico, si el lugar donde va el texto de la página mide 600px, el menú mide 650px, por lo cual sobrará 25 px por lado (der e izq) ... Este menú también tiene una posición diferente al body de la página (posición absoluta para que me deje ubicarlo donde quiero) ... Pasa ahora que necesito que el texto (menú) que lleva dentro este centrado de forma horizontal, este menú tiene solo 5 links y queda hacia la izquierda ...

Dejo el código css y el html del menú por si alguien me puede explicar como puedo centrarlo si que se modifique la posición del fondo... Gracias

css

Código:
#nav{
	width: 750px;
	height: 20px;
	background-image: url(../images/nav.gif);
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
}

nav ul{
	margin: 0 auto;
	width: 750px;
	list-style: none;
}

nav ul li {
	float: left;
}

nav ul li a{
	display: block;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

nav ul li a:hover{
	color: #000;
}

nav ul li.selected a{
	color: #000;
}
html

Código HTML:
<nav id="nav" name="nav">
	<ul>
        <li><a href="inicio.htm">Inicio</a></li>
        <li><a href="nosotros.htm">Nosotros</a></li>
        <li><a href="clientes.htm">Clientes</a></li>
        <li><a href="portafolio.htm">Portafolio</a></li>
        <li><a href="contacto.htm">Contacto</a></li>
    </ul>
</nav> 

Etiquetas: fondo, html, centrar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:36.