Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Lupin en 16 Septiembre 2010, 15:53 pm


Título: Anclas que no funcionan en diferentes DIV de mi web
Publicado por: Lupin en 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/ (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>

......


Título: Re: Anclas que no funcionan en diferentes DIV de mi web
Publicado por: ChIkO PoTTeR en 23 Septiembre 2010, 06:46 am
el href del pageink si funciona, igual te dejo un ejemplo por si tienes dudas.

Código
  3. <title>Anclas - Anchor</title>
  4. </head>
  5.  
  7. 	<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
  8. 		<ul>
  9. 			<li><a href="#op1">Opcion 1</a></li>
  10. 			<li><a href="#op2">Opcion 2</a></li>
  11. 			<li><a href="#op3">Opcion 3</a></li>
  12. 		</ul>
  13. 	</div>
  14. 	<div id="opciones" style="width: 100px;">
  15. 		<div id="op1" style="border: solid 1px Blue; width: 100px; height: 300px;">
  16. 			Opcion 1
  17. 			<a href="#menu">Volver</a>
  18. 		</div>
  19. 		<div id="op2" style="border: solid 1px Black; width: 100px; height: 400px;">
  20. 			Opcion 2
  21. 			<a href="#menu">Volver</a>
  22. 		</div>
  23. 		<div id="op3" style="border: solid 1px Green; width: 100px; height: 500px;">
  24. 			Opcion 3
  25. 			<a href="#menu">Volver</a>
  26. 		</div>
  27. 	</div>
  28. </body>
  29. </html>
  30.  

Título: Re: Anclas que no funcionan en diferentes DIV de mi web
Publicado por: Lupin en 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

Título: Re: Anclas que no funcionan en diferentes DIV de mi web
Publicado por: ChIkO PoTTeR en 27 Septiembre 2010, 02:31 am
reemplaza el texto "Opcion 1" por tus div

Asi:

Código
  1. 	<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
  2. 		<ul>
  3. 			<li>
  4. 				<a href="#op1">
  5. 					<div style="background-image: url(image1.png); width: 25px; height: 25px; cursor: pointer;">
  6. 					</div>
  7. 				</a>
  8. 			</li>
  9. 			<li>
  10. 				<a href="#op2">
  11. 					<div style="background-image: url(image2.png); width: 25px; height: 25px; cursor: pointer;">
  12. 					</div>
  13. 				</a>
  14. 			</li>
  15. 			<li>
  16. 				<a href="#op3">
  17. 					<div style="background-image: url(image3.png); width: 25px; height: 25px; cursor: pointer;">
  18. 					</div>
  19. 				</a>
  20. 			</li>
  21. 		</ul>
  22. 	</div>
  23.  


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines