Re: [Ovillo] mantener enlace activo en el mismo html
Hola Alex...
El día 24/11/06, Alex Esteve | malagacentro.com [EMAIL PROTECTED]
escribió:
Estimados compañeros,
al 'rediseñar' un css para una aplicación web me encuentro con el
siguiente problema...
Tengo un html con enlaces, estos enlaces tienen el mismo estilo en hover
y active. De forma que al pulsar uno se queda igual que al pasar el raton
por encima.
segun tengo entendido el estado activo (:active) y en foco (:focus) solo se
muestran cuando el enlace esta siendo presionado o se pasa sobre el, luego
cuando sueltas el click se pasa a visitado (:visited)
El problema es cuando pulsas el cualquier otro sitio de la web, el estado
active del enlace seleccionado se desactiva y vuelve a su estado original.
No tengo opcion de recargar la web para definir un estilo distinto al
elemento seleccionado, tiene que ser todo en el mismo html y sin recargarlo.
prueba a poner una clase o id que indique que ese enlace esta activo,
aplicando los estilos de esta id sobre el enlace de la seccion determinada.
por ej.
ul
lia href=enlace1.htmlLink 1/a/li
lia href=enlace2.html id=activoLink 2/a/li
lia href=enlace3.htmlLink 3/a/li
/ul
CSS:
li {
list-style-type: none;
display: block;
margin: 0;
}
#activo a {
color: #fff;
background-color: #000;
text-decoration: none;
font-weight: bold;
border: 1px #fc0 dotted;
display: block;
}
a, a:visited {
color: #000;
background-color: #369;
text-decoration: none;
font-weight: bold;
border: 1px #000 solid;
display: block;
}
Cabe la posibilidad de cambiar el estilo del estilo del enlace sin recargar
el html?
supongo que con javascript o algo de Ajax...
muchas gracias!
alex esteve
os copio el css:
a:link {
color: #003366;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: underline;
color: #009900;
font-weight:bold;
}
a:active {
text-decoration: underline;
color: #009900;
font-weight:bold;
}
y el html
body
pa href=#enlace 1/a/p
pa href=#enlace 2/a/p
pa href=#enlace 3 /a/p
/body
___
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
--
Jonathan C.
[EMAIL PROTECTED]
___
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
[Ovillo] mantener enlace activo en el mismo html
Estimados compañeros,
al 'rediseñar' un css para una aplicación web me encuentro con el siguiente
problema...
Tengo un html con enlaces, estos enlaces tienen el mismo estilo en hover y
active. De forma que al pulsar uno se queda igual que al pasar el raton por
encima. El problema es cuando pulsas el cualquier otro sitio de la web, el
estado active del enlace seleccionado se desactiva y vuelve a su estado
original. No tengo opcion de recargar la web para definir un estilo distinto al
elemento seleccionado, tiene que ser todo en el mismo html y sin recargarlo.
Cabe la posibilidad de cambiar el estilo del estilo del enlace sin recargar el
html?
muchas gracias!
alex esteve
os copio el css:
a:link {
color: #003366;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: underline;
color: #009900;
font-weight:bold;
}
a:active {
text-decoration: underline;
color: #009900;
font-weight:bold;
}
y el html
body
pa href=#enlace 1/a/p
pa href=#enlace 2/a/p
pa href=#enlace 3 /a/p
/body
___
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] mantener enlace activo en el mismo html
Prueba a utilizar el a:visited para que quede como a a:hover; o dar un
class a cada p; aunque por que no utilizar una ul ;)?
El día 24/11/06, Alex Esteve | malagacentro.com [EMAIL PROTECTED]
escribió:
Estimados compañeros,
al 'rediseñar' un css para una aplicación web me encuentro con el
siguiente problema...
Tengo un html con enlaces, estos enlaces tienen el mismo estilo en hover
y active. De forma que al pulsar uno se queda igual que al pasar el raton
por encima. El problema es cuando pulsas el cualquier otro sitio de la web,
el estado active del enlace seleccionado se desactiva y vuelve a su estado
original. No tengo opcion de recargar la web para definir un estilo distinto
al elemento seleccionado, tiene que ser todo en el mismo html y sin
recargarlo.
Cabe la posibilidad de cambiar el estilo del estilo del enlace sin
recargar el html?
muchas gracias!
alex esteve
os copio el css:
a:link {
color: #003366;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #003366;
}
a:hover {
text-decoration: underline;
color: #009900;
font-weight:bold;
}
a:active {
text-decoration: underline;
color: #009900;
font-weight:bold;
}
y el html
body
pa href=#enlace 1/a/p
pa href=#enlace 2/a/p
pa href=#enlace 3 /a/p
/body
___
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
