Foros del Web » Creando para Internet » CSS »

problema con centrado de nav.

Estas en el tema de problema con centrado de nav. en el foro de CSS en Foros del Web. Soy muy nuevo en esto y estaba probando esto y no me centra la barra de navegacion [si encuentran otro problema avisen tambien] aca les ...
  #1 (permalink)  
Antiguo 06/11/2005, 19:05
 
Fecha de Ingreso: septiembre-2005
Mensajes: 16
Antigüedad: 12 años, 2 meses
Puntos: 0
problema con centrado de nav.

Soy muy nuevo en esto y estaba probando esto y no me centra la barra de navegacion [si encuentran otro problema avisen tambien]

aca les dejo la pagina:

www.hybrideology.com.ar/css

y aca el css completo

Código:
BODY {
background : #000000;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0px;
text-align: center; 
margin: auto; 
} 

#contenedor {
width: 100%;
background-color : #000000;
margin: auto;
text-align: center; 
margin: auto; 
} 

#header {
text-align: left;
width: 100%;
height : 120px;
background-color : #3B3B3B;
margin: auto;
text-align: center;
margin: auto; 
} 

#imgheader{
height : 100px;
width: 410px;
text-align: left;
text-align: center; 
margin: auto; 
} 

#nav {
	padding: 0;
	height: 22px;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: center;
	margin: auto;
	}

#nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
		margin: auto;

}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	
#nav a:hover, #nav a.selected {
	background-position: 0 -22px;
	}

#nav a:active {
	background-position: 0 -44px;
	}
	
	#tinicio a  {
	width: 62px;
	background: url(images/home.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
		#tautor a  {
	width: 62px;
	background: url(images/autor.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
		#tportfolio a  {
	width: 62px;
	background: url(images/portfolio.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
		#tcontacto a  {
	width: 62px;
	background: url(images/contacto.gif) top left no-repeat;
		margin: 0 0 0 1px;
	}
Desde ya gracias
  #2 (permalink)  
Antiguo 07/11/2005, 18:31
 
Fecha de Ingreso: septiembre-2005
Mensajes: 16
Antigüedad: 12 años, 2 meses
Puntos: 0
mmmm nadie?
  #3 (permalink)  
Antiguo 07/11/2005, 18:33
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
Tarda un poco en aparecer el menú ....intenta poniendo float: center;
  #4 (permalink)  
Antiguo 07/11/2005, 18:53
Avatar de haron  
Fecha de Ingreso: febrero-2004
Ubicación: Cádiz (refinitivo)
Mensajes: 632
Antigüedad: 13 años, 9 meses
Puntos: 3
me gusta la intencion de la pagina. muy chula.

para centrar un elemento horizontalmente debes hacer los siguiente:
Código:
.unaClase {
  margin-left: auto;
  margin-right: auto;
}
__________________
Si ocurre algo importante, estamos afuera fumándonos unos cigarritos.
  #5 (permalink)  
Antiguo 07/11/2005, 19:25
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
también lo puedes hacer así:
margin:0 auto 0 auto

que sería lo mismo que escribir:
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;

en ese orden...

PD: también a mi me gusta la intención, espero que la finalices tan bien como la empezaste.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #6 (permalink)  
Antiguo 07/11/2005, 19:28
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 12 años, 4 meses
Puntos: 0
Cita:
Iniciado por webosiris
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
Eso es el equivalente a:

Cita:
Iniciado por baccxus
margin: 0px 0px 0px 0px;
/*sería: superior, derecha, inferior, izquierda*/
  #7 (permalink)  
Antiguo 07/11/2005, 19:57
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Cita:
Originalmente Escrito por baccxus
¿Te equivocaste de post? Baccxus escribió en este... además margin:0 auto 0 auto no es equivalente a margin: 0px 0px 0px 0px

otra cosa:
Cita:
Iniciado por leoj90
float: center;
float:center no existe... float solo admite
  • left
  • right
  • none
  • inherit
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #8 (permalink)  
Antiguo 07/11/2005, 20:07
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Ahora si escribo en este:

sería simplificando lo de webosiris
Cita:
Iniciado por webosiris
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
Es lo mismo que:
Código:
margin: 0 auto;
/*indicando que sería: arriba/abajo e izquierda/derecha*/
Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #9 (permalink)  
Antiguo 08/11/2005, 12:16
 
Fecha de Ingreso: septiembre-2005
Mensajes: 16
Antigüedad: 12 años, 2 meses
Puntos: 0
Muchas gracias a todos por opinar. Ahora voy a rehacerlo porque al poner

Código:
margin: 0 auto;
/*indicando que sería: arriba/abajo e izquierda/derecha*/
no me hace nada, es porque creo que ya modique todo demasiado.
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 00:28.