Foros del Web » Creando para Internet » CSS »

Para enviar a la izquierda

Estas en el tema de Para enviar a la izquierda en el foro de CSS en Foros del Web. Hola foristas, estoy trabajando en esta página http://www.estudiantesunlu.com.ar/eu08 y he decidido utilizar una barra de navegación que bajé de CssPlay. La misma me encanta, pero ...
  #1 (permalink)  
Antiguo 28/12/2007, 17:26
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Para enviar a la izquierda

Hola foristas, estoy trabajando en esta página http://www.estudiantesunlu.com.ar/eu08 y he decidido utilizar una barra de navegación que bajé de CssPlay. La misma me encanta, pero desearía colocar a la izquierda las opciones de vinculos y no centrada, pues en 1024 está bien, pero en 800x600 queda centrada y se ve mal. Mi idea de ponerla a la izquierda es para que siembre se vea bien. ¿Es posible? les paso el CSS, quizás alguien me de una idea. Muchas gracias por todo.
Saludos
Admoro

----------------------

.nav {
height:35px;
background: url(pro_line_0.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:1000px;
z-index:500;
}

.nav .table {
display:table;
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
position:left;
}

.nav .select a {
display:block;
height:35px;
float:left;
background: url(pro_line_0.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#ddd;
}

.nav .current a {
display:block;
height:35px;
float:left;
background: url(pro_line_2.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#fff;
}


.nav .current a b {
display:block;
padding:0 30px 0 15px;
background:url(pro_line_2.gif) right top;
}

.nav .select a:hover,
.nav .select li:hover a {
background: url(pro_line_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#fff;
}

.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(pro_line_1.gif) right top;
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#f00;
}

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:1000px;
top:35px;
background:url(back_0.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088;
cursor:default;
background:url(menus/back_1.gif);
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#088;
background:url(menus/back_1.gif);
}
  #2 (permalink)  
Antiguo 29/12/2007, 01:09
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: Para enviar a la izquierda

y cuales son "las opciones de vinculos"????????????
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 30/12/2007, 16:12
 
Fecha de Ingreso: diciembre-2007
Mensajes: 17
Antigüedad: 10 años
Puntos: 0
Re: Para enviar a la izquierda

Intenta hacer esto, sustituye:

Código:
.nav .table {
display:table;
margin:0 auto;
}
Por esto:

Código:
.nav .table {
display:table;
margin:0;
}
O sea, elimina el "auto" del margin, que es lo que hace que se centre, o podrías también flotarlo a la izquierda con esto:

Código:
.nav .table {
display:table;
margin:0;
float:left;
}
  #4 (permalink)  
Antiguo 30/12/2007, 21:51
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Re: Para enviar a la izquierda

ricardohs, veré si puede lograrlo, pero desde ya MUCHAS GRACIAS por tu tiempo y apoyo.
Saludos
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:48.