Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 28-dic-2007, 16:26   #1 (permalink)
admoro ha deshabilitado el karma
 
Avatar de admoro
 
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 267
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);
}
admoro está desconectado   Responder Citando
Antiguo 29-dic-2007, 00:09   #2 (permalink)
emiliodeg tiene algunos puntos positivos de karma
 
Avatar de emiliodeg
 
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.024
Re: Para enviar a la izquierda

y cuales son "las opciones de vinculos"????????????
__________________
Degiovanni Emilio
developtus.com
mi neurona
emiliodeg está desconectado   Responder Citando
Antiguo 30-dic-2007, 15:12   #3 (permalink)
ricardohs ha deshabilitado el karma
 
Fecha de Ingreso: diciembre-2007
Mensajes: 11
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;
}
ricardohs está desconectado   Responder Citando
Antiguo 30-dic-2007, 20:51   #4 (permalink)
admoro ha deshabilitado el karma
 
Avatar de admoro
 
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 267
Re: Para enviar a la izquierda

ricardohs, veré si puede lograrlo, pero desde ya MUCHAS GRACIAS por tu tiempo y apoyo.
Saludos
admoro está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 03:34.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93