Anclas que no funcionan en diferentes DIV de mi web

Lupin · 16 Septiembre 2010, 15:53 PM

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

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 · 23 Septiembre 2010, 06:46 AM

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 · 24 Septiembre 2010, 23:35 PM

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 · 27 Septiembre 2010, 02:31 AM

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>

Test Foro de elhacker.net SMF 2.1

Anclas que no funcionan en diferentes DIV de mi web

Lupin

ChIkO PoTTeR

Lupin

ChIkO PoTTeR