Foros del Web » Creando para Internet » HTML »

problema con link a seccion

Estas en el tema de problema con link a seccion en el foro de HTML en Foros del Web. Hola, estoy haciendo una pagina en la cual me pidieron poner un link que al clikearlo me lleve a la parte superior de la misma, ...
  #1 (permalink)  
Antiguo 11/07/2010, 22:05
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 13 años, 1 mes
Puntos: 43
problema con link a seccion

Hola,
estoy haciendo una pagina en la cual me pidieron poner un link que al clikearlo me lleve a la parte superior de la misma, el diseño que me pasaron tiene esto:
Código HTML:
Ver original
  1. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  2.     <tr>
  3.     <td height="198" valign="top" background="<?php echo $config->get('viewsFolder');?>images/fondo.png">
  4.         <span class="Estilo7">
  5.         <a name="subir" id="subir"></a>
  6.         </span>
  7.         <table width="975" border="0" align="center" cellpadding="0" cellspacing="0">
  8.         <tr>
  9.             <td width="719">
  10.             <script type="text/javascript">
  11.                 var flashvars = {};
  12.                 var params = {};
  13.                 params.wmode = "transparent";
  14.                 params.menu = "false";
  15.                 var attributes = {};
  16.                 swfobject.embedSWF("<?php echo $config->get('viewsFolder');?>swf/banner_arriba_flash.swf", "flash", "719", "190", "9.0.0", false, flashvars, params, attributes);
  17.             </script>
  18.             <div class="flash" id="flash"></div>
  19.             </td>
  20.             <td width="256">&nbsp;</td>
  21.         </tr>
  22.         </table>
  23.     </td>
  24.     </tr>
  25. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  26.     <tr>
  27.     <td width="3%" height="27">&nbsp;</td>
  28.     <td width="86%" class="Estilo7">
  29.         <a href="<?php echo $url->urlAmigables('index.php?controlador=planes',1);?>">+ Home</a>
  30.     </td>
  31.     <td width="7%"><img src="<?php echo $config->get('urlRoot');?>/website/template/images/contacto.png" alt="u" width="98" height="23" border="0" usemap="#Map" /></td>
  32.     <td width="4%">&nbsp;</td>
  33.     </tr>
  34. <map name="Map" id="Map">
  35.     <area shape="rect" coords="2,0,102,22" href="<?php echo $url->urlAmigables('index.php?controlador=contacto',1);?>" target="_parent" alt="Envíenos un Formulario de Consulta" />
  36. </map>
  37.  
  38. <p>&nbsp;</p>
  39. <table width="1058" border="0" align="center" cellpadding="0" cellspacing="0">
  40.     <tr>
  41.     <td width="350" valign="top"><table width="203" border="0" align="left" cellpadding="0" cellspacing="0">
  42.         <tr>
  43.             <td colspan="2" valign="top">
  44.             <img src="<?php echo $config->get('viewsFolder');?>images/50_grande.png" alt="" width="350" height="250" />
  45.             </td>
  46.         </tr>
  47.         <tr>
  48.             <td colspan="2" valign="top">&nbsp;</td>
  49.         </tr>
  50.         <tr>
  51.             <td colspan="2" valign="top" class="Estilo9">
  52.             <div align="center" class="Estilo12">
  53.                 <div align="left">Plan Inicio - <span class="Estilo14">Detalle</span></div>
  54.             </div>
  55.             </td>
  56.         </tr>
  57.         <tr>
  58.             <td colspan="2" valign="top">&nbsp;</td>
  59.         </tr>
  60.         <tr>
  61.             <td colspan="2" valign="top" class="Estilo7">
  62.             <p>·     Una Visita Mensual<br />
  63.                 ·    Asistencia Técnica en el Domicilio del Cliente<br />
  64.                 ·    Búsqueda e instalación de Drivers<br />
  65.                 ·    Limpieza del PC<br />
  66.                 ·    Eliminación de Programas y Archivos Basura<br />
  67.                 ·    Asesoramiento Técnico y Preventivo
  68.             </p>
  69.             </td>
  70.         </tr>
  71.         <tr>
  72.             <td colspan="2" valign="top">&nbsp;</td>
  73.         </tr>
  74.         <tr>
  75.             <td width="9" valign="top">
  76.             <div align="center" class="Estilo7">
  77.                 <div align="left"></div>
  78.             </div>
  79.             </td>
  80.             <td width="341" valign="top">
  81.             <table width="125" height="26" border="0" cellpadding="0" cellspacing="0">
  82.                 <tr>
  83.                 <td width="125" bgcolor="#29ABE2">
  84.                     <table width="117" border="0" align="center" cellpadding="0" cellspacing="0">
  85.                     <tr>
  86.                         <td width="117" class="Estilo22">
  87.                         <div align="center">ADQUIRIR ESTE PLAN</div>
  88.                         </td>
  89.                     </tr>
  90.                     </table>
  91.                 </td>
  92.                 </tr>
  93.             </table>
  94.             </td>
  95.         </tr>
  96.  
  97.         </table></td>
  98.     <td width="18">&nbsp;</td>
  99.     <td width="690" valign="top">
  100.         <table width="689" border="0" cellspacing="0" cellpadding="0">
  101.         <tr>
  102.             <td width="689">&nbsp;</td>
  103.         </tr>
  104.         <tr>
  105.             <td class="Estilo15">PROGRAMA DEL SERVICIO</td>
  106.         </tr>
  107.         <tr>
  108.             <td>&nbsp;</td>
  109.         </tr>
  110.  
  111.         <tr>
  112.             <td>
  113.             <p class="Estilo7"><strong class="Estilo16">VISITA MENSUAL</strong> <br />
  114.                 No  se mueva de su empresa u hogar, nosotros vamos hasta ahí a solucionar los  diferentes problemas que pudieran presentarse.<br />
  115.                 Libérese  de sus problemas informáticos en una visita con nuestro servicio a domicilio y  a comercios, resolviendo los problemas en el sitio.</p>
  116.             <p class="Estilo7"><strong class="Estilo16">LIMPIEZA DEL PC</strong> <br />
  117.                 Contamos  con los equipos necesarios para efectuar una limpieza amplia y ordenada, polvo,  mala conexión de componentes y desgaste son algunos de los problemas que  comúnmente dañan nuestro equipo.</p>
  118.             <p class="Estilo7"><strong class="Estilo16">ELIMINACION DE VIRUS</strong><br />
  119.                 Deje  que nuestros profesionales cuiden de su sistema, aplicando la vacuna adecuada,  somos especialistas en seguridad informática, <strong>eliminaremos los virus y los programas espía de  tu ordenador</strong>, restableciendo el funcionamiento normal y <strong>evitando la pérdida de tus  datos o información personal. </strong><br />
  120.                 RSI  Clientes dispone de las <strong>herramientas antivirus más avanzadas del mercado</strong>,  lo que le garantiza la total detección y eliminación de cualquier virus  existente en sus sistemas. </p>
  121.             <p class="Estilo7"><strong class="Estilo16">ACTUALIZACION DE DRIVERS</strong><br />
  122.                 Un driver  técnicamente es un software o programa que&nbsp; sirve de intermediario entre  un dispositivo de hardware y el sistema operativo.<br />
  123.                 Dada  la existencia de una infinidad de dispositivos hardware con su consecuente  innovación, el driver se crea además para que funcione con un <strong>sistema  operativo especifico</strong> - para decirlo en palabras simples: los controladores  se instalan según el Windows que utiliza tu PC -.&nbsp; Esto significa que si  cambias de Sistema operativo en tu computadora, tendrás que verificar si  necesitas también actualizar los drivers para evitar que alguna área del PC  deje de funcionar.</p>
  124.             <p class="Estilo7"><strong class="Estilo16">ASESORAMIENTO CORRECTIVO Y  PREVENTIVO</strong> <br />
  125.                 Nuestros  técnicos están capacitados para brindarle toda información posible sobre  futuras fallas de su equipo, en el cual usted recibirá toda capacitación  posible para poder evitarlos. </p>
  126.             </td>
  127.         </tr>
  128.         <tr>
  129.             <td>&nbsp;</td>
  130.         </tr>
  131.         <tr>
  132.             <td>&nbsp;</td>
  133.         </tr>
  134.         <tr>
  135.             <td class="Estilo7">
  136.             <div align="right">
  137.                 <a href="#subir">SUBIR</a>
  138.             </div>
  139.             </td>
  140.         </tr>
  141.         <tr>
  142.             <td>&nbsp;</td>
  143.         </tr>
  144.         </table>
  145.     </td>
  146.     </tr>

el problema esta en que cuando hago click en link "subir" en vez de llevarme a la parte superior de la pagina me lleva al index del sitio. Supuse que esto sucede porque esto usando url amigables, entonces al link lo puse asi:
Código HTML:
Ver original
  1. <a href="#subir" onclick="return false;">SUBIR</a>
ya que en mi heder tengo esto:
Código HTML:
Ver original
  1. <base href="http://www.misitio.com/"/>
pero no me hace nada....
Como puedo solucionar esto?
Desde ya muchas gracias
  #2 (permalink)  
Antiguo 11/07/2010, 22:15
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 6 meses
Puntos: 44
Respuesta: problema con link a seccion

Hola destor77

Para mi uso, el mejor es este:

<a onclick="window.scrollTo(0,0); return false;" style="cursor: pointer">Volver arriba</a>

Espero que te sirva.

Saludos
  #3 (permalink)  
Antiguo 12/07/2010, 22:56
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 13 años, 1 mes
Puntos: 43
Respuesta: problema con link a seccion

muchas gracias funciono

Etiquetas: link, seccion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:31.