FAQ: Mis enlaces de imágenes tienen unos pequeños guiones al lado. También hay espacios entre ellos y me gustaría que desaparecieran para que las imágenes estuvieran contiguas. Y no lo entiendo porque todo funciona bien en el navegador A pero no el B.

Inicio Email Enlaces

R: Algunos navegadores (¿casi todos?) interpretan un retorno de carro entre las imágenes como un espacio. Unos pocos navegadores no lo hacen así. Es muy simple. La pequeña línea azul es simplemente el subrayado del enlace en un espacio en blanco. La cura es eliminar el retorno de carro que pueda haber justo antes o justo después de la imagen.

Este es el código para las imágenes superiores:

<CENTER> <A HREF="myhome.html"> <IMG SRC="pics/myhome.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Inicio"> </A> <A HREF="mailto:me@my.house"> <IMG SRC="pics/myemail.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Email"> </A> <A HREF="mylinks.html"> <IMG SRC="pics/mylinks.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Enlaces"> </A> </CENTER>

Ahora haremos desaparecer las líneas azules:

<CENTER> <A HREF="myhome.html"><IMG SRC="pics/myhome.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Inicio"></A> <A HREF="mailto:me@my.house"><IMG SRC="pics/myemail.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Email"></A> <A HREF="mylinks.html"><IMG SRC="pics/mylinks.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Enlaces"></A> </CENTER>
Inicio Email Enlaces

Y con otro pequeño ajuste también desaparecen los espacios:

<CENTER> <A HREF="myhome.html"><IMG SRC="pics/myhome.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Inicio"></A><A HREF="mailto:me@my.house"><IMG SRC="pics/myemail.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Email"></A><A HREF="mylinks.html"><IMG SRC="pics/mylinks.gif" WIDTH="66" HEIGHT="23" BORDER="0" ALT="Enlaces"></A> </CENTER>
InicioEmailEnlaces

¿Es una molestia? Sólo si no entiendes lo que pasa ni cómo arreglarlo. ¿El navegador A es un desastre? No necesariamente, sólo es diferente del navegador B. Los navegadores a veces hacen cosas diferentes con el mismo código.


Otra forma de hacer enlaces es enlazar no con una página, sino con una parte específica de la misma página. Para ser mágicamente transportado a donde hablamos por primera vez de las URLs, haz clic aquí (recuerda que estás en la lección 17). Como esto puede ser muy complicado de hacer como ejemplo, te explicaré directamente cómo se ha hecho.

Primero empezaremos con el punto dónde la gente va a ir a parar. Elige una palabra y envuélvela en sentencias <A>.

<A>Añade</A> la URL ¡y ya está!

Ahora dale al punto elegido un NAME (NOMBRE).

<A NAME="llegada">Añade</A> la URL ¡y ya está!

Lo que acabas de hacer es marcar el punto en cuestión. Ahora ese punto puede ser enlazado.


Empieza a construir el enlace.

Haz clic <A>aquí</A> para ser mágicamente transportado...

Añade el documento de referencia...

Haz clic <A HREF="lección06.html">aquí</A> para ser mágicamente transportado...

Y por último, añade la sentencia NAME que has elegido...

Haz clic <A HREF="lesson06.html#llegada">aquí</A> para ser mágicamente transportado...

¡Y esto es todo! No es exactamente cirugía neurocerebral ¿verdad?