Anclas que no funcionan en diferentes DIV de mi web
(1/1)
Lupin:
Hola muchachos tengo una pagina algo extensa asi k se me ocurrio ponerle algunas anclas, pero no me funcionan..no entiendo creo k he hecho todo bien
cuando las anclas estan dentro de un solo DIV todo funciona ok, pero como en mi pagina tengo varias divisiones DIV , no me va..he usado esta info :http://www.cristalab.com/tutoriales/anclas-anchors-en-xhtml-c153l/..pero tmabien he usado <a name="titulo"></a> pero nada...un dolor de cabeza :huh:
parece k nunca voy a terminar esta pagina , he puesto mi codigo a ver si lo pueden mirar y decirme cual es el problema...(el link al inicio y hace referencia al ancla que esta en la penultima linea , )
Gracias muchachos :)
Citar
........
<DIV class=artancla><A href="#pageink">
<img src="images/page ink.png" alt=""
border=0><br>
</A></DIV>
<DIV class=artancla><A
href="images/comics/pencil002.jpg">
<img src="images/page color.png" alt=""
border=0><br>
</A></DIV>
<div class="letter"><b>Portafolio Pages Pencil</b></div>
<DIV class=art><A
href="images/comics/pencil003.jpg">
<img alt="" src="images/comics/min_pencil003.jpg"
border=0><br>
<SPAN >Escolar Fury Pag. 3</SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil001.jpg">
<img alt="" src="images/comics/min_pencil001.jpg"
border=0><br>
<SPAN>Soccer Girl Pag. 6</SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil002.jpg">
<img alt="" src="images/comics/min_pencil002.jpg"
border=0><br><SPAN>Descripción de la imagen</SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil004.jpg">
<img alt="" src="images/comics/min_pencil004.jpg"
border=0><br>
</A><a
href="images/comics/pencil003.jpg"><span >Escolar Fury Pag.8</span></a></DIV>
<DIV class=art><A
href="images/comics/pencil005.jpg">
<img alt="" src="images/comics/min_pencil005.jpg"
border=0><br><SPAN>Descripción de la imagen</SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil006.jpg">
<img alt="" src="images/comics/min_pencil006.jpg"
border=0><br><SPAN>Descripción de la imagen</SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil007.jpg">
<img alt="" src="images/comics/min_pencil007.jpg"
border=0><br>
<SPAN>World Dream Pag. 12</SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil008.jpg">
<img alt="" src="images/comics/min_pencil008.jpg"
border=0><br>
<SPAN>Love in Berlin 1945 </SPAN></A></DIV>
<DIV class=art><A
href="images/comics/pencil009.jpg">
<img alt="" src="images/comics/min_pencil009.jpg"
border=0><br>
<SPAN>Craziness Pag. 3<br />
</SPAN></A></DIV>
<div id="pageink">sgrgg</div>
<div class="letter"><b>Portafolio Pages Ink</b></div>
......
ChIkO PoTTeR:
el href del pageink si funciona, igual te dejo un ejemplo por si tienes dudas.
Código
<html>
<head>
<title>Anclas - Anchor</title>
</head>
<body>
<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
<ul>
<li><a href="#op1">Opcion 1</a></li>
<li><a href="#op2">Opcion 2</a></li>
<li><a href="#op3">Opcion 3</a></li>
</ul>
</div>
<div id="opciones" style="width: 100px;">
<div id="op1" style="border: solid 1px Blue; width: 100px; height: 300px;">
Opcion 1
<a href="#menu">Volver</a>
</div>
<div id="op2" style="border: solid 1px Black; width: 100px; height: 400px;">
Opcion 2
<a href="#menu">Volver</a>
</div>
<div id="op3" style="border: solid 1px Green; width: 100px; height: 500px;">
Opcion 3
<a href="#menu">Volver</a>
</div>
</div>
</body>
</html>
Lupin:
Gracias por tu interes ChIkO PoTTeR
Yo necesito anclar desde una DIV que contenga dentro una imagen (sin ningun texto dentro)..pero no me funciona...k raro
ChIkO PoTTeR:
reemplaza el texto "Opcion 1" por tus div
Asi:
Código
<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
<ul>
<li>
<a href="#op1">
<div style="background-image: url(image1.png); width: 25px; height: 25px; cursor: pointer;">
</div>
</a>
</li>
<li>
<a href="#op2">
<div style="background-image: url(image2.png); width: 25px; height: 25px; cursor: pointer;">
</div>
</a>
</li>
<li>
<a href="#op3">
<div style="background-image: url(image3.png); width: 25px; height: 25px; cursor: pointer;">
</div>
</a>
</li>
</ul>
</div>
Navegación