Anclas que no funcionan en diferentes DIV de mi web

Iniciado por Lupin, 16 Septiembre 2010, 15:53 PM

0 Miembros y 1 Visitante están viendo este tema.

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 (html4strict) [Seleccionar]

<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 (html4strict) [Seleccionar]

<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>