Re: [Ovillo] Estilo en li
No exactamente
Sin espacio, estas haciendo referencia a un li que tiene como id activo
Con espacio, estas haciendo referencia a un elemento de DENTRO del li que
tenga por id activo
Un saludo :)
El día 25/06/07, Juan José Montes de Oca Arbós
[EMAIL PROTECTED] escribió:
Gracias Alejandro, ahi funcionó perfectamente... entonces, al hacer
referencia a un id dentro de un selector, no hay que dejar espacio... ¿es
eso?
Saludos!!!
El día 24/06/07, Alejandro Fernández Gómez [EMAIL PROTECTED]
escribió:
Buenas noches
Quita el espacio entre li y #activo, de forma que te quede
.menu ul li#activo
Prueba y nos cuentas :)
El 24/06/2007, a las 17:36, Juan José Montes de Oca Arbós escribió:
Hola Vicky, (y todo el mundo... ^_^)
Mi idea es que los li marquen el cambio y no los a. He
probado tanto
con .menu li #activo, como con .menu ul li #activo pero en ningún
caso se
muestra diferente. Por lo que yo entiendo, debería verse diferente,
pero no
me hace caso... ¿Porqué?
Gracias y gracias tmb por lo del Santo... :D
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vidvid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
El día 24/06/07, Victoria Gracia [EMAIL PROTECTED] escribió:
Hola Juan José,
Si lo que quieres es un elemento fijo (el que marcas como activo)
que se
muestre en un color distinto, es cuestión de cómo has escrito el
selector:
.menu li #activo
en lugar de
.menu ul li #activo
una sutil diferencia, pero el li es hijo de ul y no del div
marcado
como menu.
Si lo que quieres es que los enlaces sean los que marquen el
cambio de
estado, entonces tienes que:
1.- definir los elementos enlace con display: block para que
ocupen todo el ancho del elemento que los contiene (el
li en
este caso)
a { display: block;}
2.- definir las características específicas para cada
estado del
enlace, por ejemplo:
a:link{ background-color: #fff; }
a:visited { background-color: #000; }
a:hover { background-color: #f00; }
a:active { background-color: #f00; }
si además has atribuido una clase a este tipo de enlaces,
podrás
especificar que este comportamiento sólo se aplique a los
elementos enlace de la clase especificada (en este ejemplo
menuA
para que no entre en conflicto con lo que definiste para
menu).
a.menuA:link{ background-color: #fff; }
a.menuA:visited { background-color: #000; }
a.menuA:hover { background-color: #f00; }
a.menuA:active { background-color: #f00; }
Espero serte de ayuda.
Un saludo y felicidades por el santo ;)
Victoria
El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós
escribió:
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente,
tenga un
color
de fondo diferente a los demás. Para esto, cree un estilo que se
llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para
.menu
li
que define como tienen que ser los li, y después arme otro
estilo que
indica como se tiene que comportar .menu li #activo, y sin
embargo, no
lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la
estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/
a/li
li
a href=http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/
productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas gracias!!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estilo en li
^_^
Ok... ya entendí. Muchisimas gracias
El día 25/06/07, Alejandro Fernandez [EMAIL PROTECTED] escribió:
No exactamente
Sin espacio, estas haciendo referencia a un li que tiene como id
activo
Con espacio, estas haciendo referencia a un elemento de DENTRO del li
que
tenga por id activo
Un saludo :)
El día 25/06/07, Juan José Montes de Oca Arbós
[EMAIL PROTECTED] escribió:
Gracias Alejandro, ahi funcionó perfectamente... entonces, al hacer
referencia a un id dentro de un selector, no hay que dejar espacio...
¿es
eso?
Saludos!!!
El día 24/06/07, Alejandro Fernández Gómez [EMAIL PROTECTED]
escribió:
Buenas noches
Quita el espacio entre li y #activo, de forma que te quede
.menu ul li#activo
Prueba y nos cuentas :)
El 24/06/2007, a las 17:36, Juan José Montes de Oca Arbós escribió:
Hola Vicky, (y todo el mundo... ^_^)
Mi idea es que los li marquen el cambio y no los a. He
probado tanto
con .menu li #activo, como con .menu ul li #activo pero en ningún
caso se
muestra diferente. Por lo que yo entiendo, debería verse diferente,
pero no
me hace caso... ¿Porqué?
Gracias y gracias tmb por lo del Santo... :D
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vidvid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
El día 24/06/07, Victoria Gracia [EMAIL PROTECTED]
escribió:
Hola Juan José,
Si lo que quieres es un elemento fijo (el que marcas como activo)
que se
muestre en un color distinto, es cuestión de cómo has escrito el
selector:
.menu li #activo
en lugar de
.menu ul li #activo
una sutil diferencia, pero el li es hijo de ul y no del div
marcado
como menu.
Si lo que quieres es que los enlaces sean los que marquen el
cambio de
estado, entonces tienes que:
1.- definir los elementos enlace con display: block para
que
ocupen todo el ancho del elemento que los contiene (el
li en
este caso)
a { display: block;}
2.- definir las características específicas para cada
estado del
enlace, por ejemplo:
a:link{ background-color: #fff; }
a:visited { background-color: #000; }
a:hover { background-color: #f00; }
a:active { background-color: #f00; }
si además has atribuido una clase a este tipo de enlaces,
podrás
especificar que este comportamiento sólo se aplique a los
elementos enlace de la clase especificada (en este ejemplo
menuA
para que no entre en conflicto con lo que definiste para
menu).
a.menuA:link{ background-color: #fff; }
a.menuA:visited { background-color: #000; }
a.menuA:hover { background-color: #f00; }
a.menuA:active { background-color: #f00; }
Espero serte de ayuda.
Un saludo y felicidades por el santo ;)
Victoria
El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós
escribió:
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente,
tenga un
color
de fondo diferente a los demás. Para esto, cree un estilo que se
llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para
.menu
li
que define como tienen que ser los li, y después arme otro
estilo que
indica como se tiene que comportar .menu li #activo, y sin
embargo, no
lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la
estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/
a/li
li
a href=
http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/
productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas
Re: [Ovillo] Estilo en li
Hola Juan José,
Si lo que quieres es un elemento fijo (el que marcas como activo) que se
muestre en un color distinto, es cuestión de cómo has escrito el
selector:
.menu li #activo
en lugar de
.menu ul li #activo
una sutil diferencia, pero el li es hijo de ul y no del div marcado
como menu.
Si lo que quieres es que los enlaces sean los que marquen el cambio de
estado, entonces tienes que:
1.- definir los elementos enlace con display: block para que
ocupen todo el ancho del elemento que los contiene (el li en
este caso)
a { display: block;}
2.- definir las características específicas para cada estado del
enlace, por ejemplo:
a:link{ background-color: #fff; }
a:visited { background-color: #000; }
a:hover { background-color: #f00; }
a:active { background-color: #f00; }
si además has atribuido una clase a este tipo de enlaces, podrás
especificar que este comportamiento sólo se aplique a los
elementos enlace de la clase especificada (en este ejemplo menuA
para que no entre en conflicto con lo que definiste para menu).
a.menuA:link{ background-color: #fff; }
a.menuA:visited { background-color: #000; }
a.menuA:hover { background-color: #f00; }
a.menuA:active { background-color: #f00; }
Espero serte de ayuda.
Un saludo y felicidades por el santo ;)
Victoria
El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós
escribió:
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente, tenga un color
de fondo diferente a los demás. Para esto, cree un estilo que se llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para .menu li
que define como tienen que ser los li, y después arme otro estilo que
indica como se tiene que comportar .menu li #activo, y sin embargo, no lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/a/li
li
a href=http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas gracias!!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estilo en li
Hola Vicky, (y todo el mundo... ^_^)
Mi idea es que los li marquen el cambio y no los a. He probado tanto
con .menu li #activo, como con .menu ul li #activo pero en ningún caso se
muestra diferente. Por lo que yo entiendo, debería verse diferente, pero no
me hace caso... ¿Porqué?
Gracias y gracias tmb por lo del Santo... :D
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vidvid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
El día 24/06/07, Victoria Gracia [EMAIL PROTECTED] escribió:
Hola Juan José,
Si lo que quieres es un elemento fijo (el que marcas como activo) que se
muestre en un color distinto, es cuestión de cómo has escrito el
selector:
.menu li #activo
en lugar de
.menu ul li #activo
una sutil diferencia, pero el li es hijo de ul y no del div marcado
como menu.
Si lo que quieres es que los enlaces sean los que marquen el cambio de
estado, entonces tienes que:
1.- definir los elementos enlace con display: block para que
ocupen todo el ancho del elemento que los contiene (el li en
este caso)
a { display: block;}
2.- definir las características específicas para cada estado del
enlace, por ejemplo:
a:link{ background-color: #fff; }
a:visited { background-color: #000; }
a:hover { background-color: #f00; }
a:active { background-color: #f00; }
si además has atribuido una clase a este tipo de enlaces, podrás
especificar que este comportamiento sólo se aplique a los
elementos enlace de la clase especificada (en este ejemplo menuA
para que no entre en conflicto con lo que definiste para menu).
a.menuA:link{ background-color: #fff; }
a.menuA:visited { background-color: #000; }
a.menuA:hover { background-color: #f00; }
a.menuA:active { background-color: #f00; }
Espero serte de ayuda.
Un saludo y felicidades por el santo ;)
Victoria
El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós
escribió:
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente, tenga un
color
de fondo diferente a los demás. Para esto, cree un estilo que se llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para .menu
li
que define como tienen que ser los li, y después arme otro estilo que
indica como se tiene que comportar .menu li #activo, y sin embargo, no
lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/a/li
li
a href=http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas gracias!!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estilo en li
Buenas noches
Quita el espacio entre li y #activo, de forma que te quede
.menu ul li#activo
Prueba y nos cuentas :)
El 24/06/2007, a las 17:36, Juan José Montes de Oca Arbós escribió:
Hola Vicky, (y todo el mundo... ^_^)
Mi idea es que los li marquen el cambio y no los a. He
probado tanto
con .menu li #activo, como con .menu ul li #activo pero en ningún
caso se
muestra diferente. Por lo que yo entiendo, debería verse diferente,
pero no
me hace caso... ¿Porqué?
Gracias y gracias tmb por lo del Santo... :D
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vidvid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
El día 24/06/07, Victoria Gracia [EMAIL PROTECTED] escribió:
Hola Juan José,
Si lo que quieres es un elemento fijo (el que marcas como activo)
que se
muestre en un color distinto, es cuestión de cómo has escrito el
selector:
.menu li #activo
en lugar de
.menu ul li #activo
una sutil diferencia, pero el li es hijo de ul y no del div
marcado
como menu.
Si lo que quieres es que los enlaces sean los que marquen el
cambio de
estado, entonces tienes que:
1.- definir los elementos enlace con display: block para que
ocupen todo el ancho del elemento que los contiene (el
li en
este caso)
a { display: block;}
2.- definir las características específicas para cada
estado del
enlace, por ejemplo:
a:link{ background-color: #fff; }
a:visited { background-color: #000; }
a:hover { background-color: #f00; }
a:active { background-color: #f00; }
si además has atribuido una clase a este tipo de enlaces,
podrás
especificar que este comportamiento sólo se aplique a los
elementos enlace de la clase especificada (en este ejemplo
menuA
para que no entre en conflicto con lo que definiste para
menu).
a.menuA:link{ background-color: #fff; }
a.menuA:visited { background-color: #000; }
a.menuA:hover { background-color: #f00; }
a.menuA:active { background-color: #f00; }
Espero serte de ayuda.
Un saludo y felicidades por el santo ;)
Victoria
El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós
escribió:
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente,
tenga un
color
de fondo diferente a los demás. Para esto, cree un estilo que se
llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para
.menu
li
que define como tienen que ser los li, y después arme otro
estilo que
indica como se tiene que comportar .menu li #activo, y sin
embargo, no
lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la
estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/
a/li
li
a href=http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/
productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas gracias!!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estilo en li
Gracias Alejandro, ahi funcionó perfectamente... entonces, al hacer
referencia a un id dentro de un selector, no hay que dejar espacio... ¿es
eso?
Saludos!!!
El día 24/06/07, Alejandro Fernández Gómez [EMAIL PROTECTED]
escribió:
Buenas noches
Quita el espacio entre li y #activo, de forma que te quede
.menu ul li#activo
Prueba y nos cuentas :)
El 24/06/2007, a las 17:36, Juan José Montes de Oca Arbós escribió:
Hola Vicky, (y todo el mundo... ^_^)
Mi idea es que los li marquen el cambio y no los a. He
probado tanto
con .menu li #activo, como con .menu ul li #activo pero en ningún
caso se
muestra diferente. Por lo que yo entiendo, debería verse diferente,
pero no
me hace caso... ¿Porqué?
Gracias y gracias tmb por lo del Santo... :D
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vidvid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
El día 24/06/07, Victoria Gracia [EMAIL PROTECTED] escribió:
Hola Juan José,
Si lo que quieres es un elemento fijo (el que marcas como activo)
que se
muestre en un color distinto, es cuestión de cómo has escrito el
selector:
.menu li #activo
en lugar de
.menu ul li #activo
una sutil diferencia, pero el li es hijo de ul y no del div
marcado
como menu.
Si lo que quieres es que los enlaces sean los que marquen el
cambio de
estado, entonces tienes que:
1.- definir los elementos enlace con display: block para que
ocupen todo el ancho del elemento que los contiene (el
li en
este caso)
a { display: block;}
2.- definir las características específicas para cada
estado del
enlace, por ejemplo:
a:link{ background-color: #fff; }
a:visited { background-color: #000; }
a:hover { background-color: #f00; }
a:active { background-color: #f00; }
si además has atribuido una clase a este tipo de enlaces,
podrás
especificar que este comportamiento sólo se aplique a los
elementos enlace de la clase especificada (en este ejemplo
menuA
para que no entre en conflicto con lo que definiste para
menu).
a.menuA:link{ background-color: #fff; }
a.menuA:visited { background-color: #000; }
a.menuA:hover { background-color: #f00; }
a.menuA:active { background-color: #f00; }
Espero serte de ayuda.
Un saludo y felicidades por el santo ;)
Victoria
El sáb, 23-06-2007 a las 18:45 -0300, Juan José Montes de Oca Arbós
escribió:
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente,
tenga un
color
de fondo diferente a los demás. Para esto, cree un estilo que se
llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para
.menu
li
que define como tienen que ser los li, y después arme otro
estilo que
indica como se tiene que comportar .menu li #activo, y sin
embargo, no
lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la
estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/
a/li
li
a href=http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/
productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas gracias!!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte
[Ovillo] Estilo en li
Buenas a todos, quería consultarles algo...
Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente, tenga un color
de fondo diferente a los demás. Para esto, cree un estilo que se llama
activo, y que modifica el color de fondo.
El problema lo tengo porque no funciona... cree un estilo para .menu li
que define como tienen que ser los li, y después arme otro estilo que
indica como se tiene que comportar .menu li #activo, y sin embargo, no lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la estructura
.menu li #activo?
El código es el siguiente:
html
head
style
* {
padding: 0px;
margin: 0px;
}
body {
}
.menu {
padding-top: 23px;
margin-left: 7px;
float: left;
width: 180px;
}
.menu li #activo {
background-color: #b5edbc;
padding: 3px 8px;
width: 100%;
}
.menu li {
background-color: #ffead5;
padding: 3px 8px;
width: 100%;
}
/style
/head
body
div class=menu
ul
li id=activo
a href=http://www.montesoft.com.ar;Home/a/li
li
a href=http://www.montesoft.com.ar/perfil.aspx
Perfil/a/li
li
a href=http://www.montesoft.com.ar/productos.aspx
Productos/a/li
/ul
/div
/body
/html
Muchas gracias!!!
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vidvid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
