Problema con links
Buenas :)
Resulta que estoy haciendo mi web y en la sección de la galería, estoy intentando conseguir que las imágenes vistas aparezcan de un color distinto. como el lila de los links visitados.
La cosa es, que pongo el código, creo que bien, y o solo se me señalan, la primera y la última o no se señala ninguna ni recargando.
El código en cuestión es este:
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jorfe On-line Portfolio</title>
<style>
ul {margin:0; padding:0; list-style:none;}
li {margin:2px 2px 2px 2px; background-color:#CE9353; color:#CE9353; display:block; width:30px ;
height:31px; float:left; }
li a{ background-color:#FF8400; text-align:center; text-decoration:none; color:#ffffff; display:block; width:100%; height:100%;}
li a:hover{ background-color:#84C225; text-align:center; text-decoration:none; color:#84C225; display:block; width:100%; height:100%;}
li a:visited{ background-color:#CCFF33; text-align:center; text-decoration:none; color:#999999; display:block; width:100%; height:100%;}
#cuadrat {width:452px; height:508px;}
</style>
<script type="text/javascript" src="http://www.jorfe.com/prototype.js"></script>
<script type="text/javascript" src="http://www.jorfe.com/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.jorfe.com/lightbox.js"></script>
<link rel="stylesheet" href="http://www.jorfe.com/lightbox.css" type="text/css" media="screen" />
</head></code>
Y el código de los botones para abrir imágenes es este:
<code><div id=cuadrat>
<li><a href="http://www.jorfe.com/images/web/ilus/haikuredu.jpg"rel="lightbox" title="Haiku, experimentando con telas, tintas y vectores.">1</a></li></div></code>
A ver si alguien me sabe decir el porqué pasa esto :S
Gracias de antemano.
leos
Me parece que no estoy entendiendo bien el problema porque con ese código funciona todo bien. Si puedes explícate un poco más con el inconveniente y lo que necesitas para que podamos ayudarte más.
Jorfe
leos
Me parece que no estoy entendiendo bien el problema porque con ese código funciona todo bien. Si puedes explícate un poco más con el inconveniente y lo que necesitas para que podamos ayudarte más.
Pues basicamente, el problema es el que he puesto. Se supone que con este código deberían marcarse los links/imágenes/cuadraditos naranja, visitados anteriormente. Pero por alguna razón que se me escapa, no va.
Aunque creo que si te pongo la url directa al problema lo podrás ver mejor.
Este es el link en cuestión.
leos
Ahora si : )
Es verdad no se marca.
Porqué no intentas crear un estilo con otro nombre en lugar de definir el <li> y luego lo metes como un class="" dentro del href.
Jorfe
Pues, porque no tengo ni jota de código, y no me se había ocurrido :P
Voy a probar a ver si me sale.
nw
A mi el codigo me parece que esta bien, pero el problema tiene que ver con el rel="lightbox", si se lo quitas funciona.
Tal vez sea porque la pagina no cambia (la url), se carga encima la imagen, entonces el navegador a lo mejor no registra que ya lo has visto, pero vamos es un suponer...
Jorfe
Eso es lo primero que he pensado nhymko, pero he visto algunas webs que usan lightbox y se marcan.
Porcierto leos, el estilo debería ser de "a" o de qué?
Me podrías, [si no es mucho molestar, claro :( ] poner un ejemplo pa' que lo pille, que estoy más desubicado que un chupete en el culo :S
nw
Entonces ni idea.
Hombre si tienes la direccion de alguna web donde funcione posteala y comparamos.
leos
se me ocurre por ejemplo definir algo así:
// defines el estilo para los links, por ejemplo:
A.clase1:visited {color:#F5E202;text-decoration: none;}
A.clase1:active {Color:#CD6100;text-decoration: none;}
A.clase1:link {color:#CD6100;text-decoration: none;}
A.clase1:hover {color:#EEAC00;text-decoration: none;}
y en el html por ejemplo:
<code><a href="http://www.jorfe.com/images/web/ilus/haikuredu.jpg" rel="lightbox[1]" title="Haiku, experimentando con telas, tintas y vectores." class="clase1">1</a></code>
No lo probé yo pero prueba si te sirve.
Jorfe
leos
se me ocurre por ejemplo definir algo así:
// defines el estilo para los links, por ejemplo:
A.clase1:visited {color:#F5E202;text-decoration: none;}
A.clase1:active {Color:#CD6100;text-decoration: none;}
A.clase1:link {color:#CD6100;text-decoration: none;}
A.clase1:hover {color:#EEAC00;text-decoration: none;}
y en el html por ejemplo:
<code><a href="http://www.jorfe.com/images/web/ilus/haikuredu.jpg" rel="lightbox[1]" title="Haiku, experimentando con telas, tintas y vectores." class="clase1">1</a></code>
No lo probé yo pero prueba si te sirve.
Voy a probar lo del "A.clase" a ver que ocurre.
Lo que sí probé antes de leer este post, es lo de agrupar las ilustraciones con el "[1]" que me acaban de decir que tambien sirve para poder navegar entre ellas :)
A ver si con lo de las "a" consigo hacer un visite :)
Gracias por la ayuda.
Jorfe
Probado y no funciona :)
Según me aseguran, es por lo que decía nhymko. Debería tocar el código del lightbox, cosa que me sobrepasa mucho. Así que supongo que lo dejaré :)
Gracias por vuestra ayuda.