Como se quita subrayado en dreamweaver mx
Como se quita subrayado de los textos vinculados en dreamweaver mx
1 respuesta
Respuesta de jasonn
1
Ya veo a que te refieres, quieres hacer el link de 'DEJA TUS DATOS' igual que los dos primeros, ¿no?
Fíjate en el primer enlace, que no sale subrayado:
<a style="text-decoration: none" href="index13.htm">
El enlace de 'Deja tus datos' es
<a href="index6.htm">
Si en la etiqueta a no añades nada más, por defecto te pone el subrayado. Si no quieres que aparezca el subrayado has de poner el 'style="text-decoration: none" ' dentro de <a...> tal como lo ves en el primer enlace.
Si no lo consigues o no lo entiendes, substituye tu código por el que te pongo más abajo.
Es interesante que sepas como tocar las cosas de html por código, ya que dreamweaver no te permite todas las opciones que permite el código. Haciendo algunas cosas con código tendrás más libertad.
Otro consejo que creo que te iría bien es que utilices tablas (dreamweaver-insertar-tabla) para organizar el texto dentro de una página web, ya que así te ahorras todos los espacios que has puesto y te quedara el texto mejor alineado.
Un saludo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Daviddimaio2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="cieloestrellasnegro.gif" text="#FFFFFF" link="#0000FF" vlink="#FFCC00" alink="#99FF33">
<p align="left">
<font color="#FFFFFF" face="Lucida Handwriting">
<b>
<a style="text-decoration: none" href="index13.htm"><font color="#0000FF" size="3" face="Broadway BT">Mi TARJARJETA</font><font color="#000000" size="3" face="Broadway BT">A: </font><font color="#000000" size="3"> </font><font color="#0033FF" size="3"> </font></a></b></font>
<font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Alien Encounters Solid">
<a style="text-decoration: none" href="index3.htm">FOTOGRAFÍAS
de </a>
</font></font>
</b>
<font face="Alien Encounters Solid">
<b>
<a style="text-decoration: none" href="index3.asp.htm">TRABAJOS</a>
</b></font></font></p>
<p align="left"><font color="#0033FF" size="3"><b>
<font face="Lucida Handwriting">
<a style="text-decoration: none" href="index4.htm">
<font face="YoungStar">LIBRO: </font></a><font face="YoungStar">
</font>
<a style="text-decoration: none" href="index5.htm">
MIS CUENTOS PREFERIDOS:</a>
</font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="4YEO IN">PROYECTOS</font>
RUTA DE CUENTOS:</font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Crass">CURRiCULUN</font>
<font face="Arial, Helvetica, sans-serif">
ESCUCHA PANDORA</font>
</font></b></font></p>
<p>
<font color="#0033FF" size="3" face="Arial, Helvetica, sans-serif">
<b> LINKS RECOMENDADOS
</b></font></p>
<p><a href="index6.htm" style="text-decoration: none"><code>DEJA TUS DATOS</code></a></p>
<p> </p>
<p align="left"> </p>
</body>
</html>
Fíjate en el primer enlace, que no sale subrayado:
<a style="text-decoration: none" href="index13.htm">
El enlace de 'Deja tus datos' es
<a href="index6.htm">
Si en la etiqueta a no añades nada más, por defecto te pone el subrayado. Si no quieres que aparezca el subrayado has de poner el 'style="text-decoration: none" ' dentro de <a...> tal como lo ves en el primer enlace.
Si no lo consigues o no lo entiendes, substituye tu código por el que te pongo más abajo.
Es interesante que sepas como tocar las cosas de html por código, ya que dreamweaver no te permite todas las opciones que permite el código. Haciendo algunas cosas con código tendrás más libertad.
Otro consejo que creo que te iría bien es que utilices tablas (dreamweaver-insertar-tabla) para organizar el texto dentro de una página web, ya que así te ahorras todos los espacios que has puesto y te quedara el texto mejor alineado.
Un saludo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Daviddimaio2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="cieloestrellasnegro.gif" text="#FFFFFF" link="#0000FF" vlink="#FFCC00" alink="#99FF33">
<p align="left">
<font color="#FFFFFF" face="Lucida Handwriting">
<b>
<a style="text-decoration: none" href="index13.htm"><font color="#0000FF" size="3" face="Broadway BT">Mi TARJARJETA</font><font color="#000000" size="3" face="Broadway BT">A: </font><font color="#000000" size="3"> </font><font color="#0033FF" size="3"> </font></a></b></font>
<font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Alien Encounters Solid">
<a style="text-decoration: none" href="index3.htm">FOTOGRAFÍAS
de </a>
</font></font>
</b>
<font face="Alien Encounters Solid">
<b>
<a style="text-decoration: none" href="index3.asp.htm">TRABAJOS</a>
</b></font></font></p>
<p align="left"><font color="#0033FF" size="3"><b>
<font face="Lucida Handwriting">
<a style="text-decoration: none" href="index4.htm">
<font face="YoungStar">LIBRO: </font></a><font face="YoungStar">
</font>
<a style="text-decoration: none" href="index5.htm">
MIS CUENTOS PREFERIDOS:</a>
</font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="4YEO IN">PROYECTOS</font>
RUTA DE CUENTOS:</font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Crass">CURRiCULUN</font>
<font face="Arial, Helvetica, sans-serif">
ESCUCHA PANDORA</font>
</font></b></font></p>
<p>
<font color="#0033FF" size="3" face="Arial, Helvetica, sans-serif">
<b> LINKS RECOMENDADOS
</b></font></p>
<p><a href="index6.htm" style="text-decoration: none"><code>DEJA TUS DATOS</code></a></p>
<p> </p>
<p align="left"> </p>
</body>
</html>
Mira n oentiendo mucho lo que me decís soy bastante novato, pero me refiero a cuando intento vincular una palabra a una hoja se me subraya y no lo puedes modificar porque no te aparece el código donde dice no underline: te paso el código que tengo en mi web
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Daviddimaio2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="cieloestrellasnegro.gif" text="#FFFFFF" link="#0000FF" vlink="#FFCC00" alink="#99FF33">
<p align="left"><font color="#FFFFFF" face="Lucida Handwriting"><b><a style="text-decoration: none" href="index13.htm"><font color="#0000FF" size="3" face="Broadway BT">Mi
TARJARJETA</font><font color="#000000" size="3" face="Broadway BT">A: </font><font color="#000000" size="3"> </font><font color="#0033FF" size="3">
</font></a></b></font><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Alien Encounters Solid"> <a style="text-decoration: none" href="index3.htm">FOTOGRAFÍAS
de </a></font></font></b><font face="Alien Encounters Solid"><b><a style="text-decoration: none" href="index3.asp.htm">TRABAJOS</a></b></font></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<a style="text-decoration: none" href="index4.htm"><font face="YoungStar">LIBRO: </font></a><font face="YoungStar"> </font>
<a style="text-decoration: none" href="index5.htm">MIS CUENTOS PREFERIDOS:</a></font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting"> <font face="4YEO IN">PROYECTOS</font>
RUTA DE CUENTOS:</font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Crass">CURRiCULUN</font> <font face="Arial, Helvetica, sans-serif">
ESCUCHA PANDORA</font></font></b></font></p>
<p><font color="#0033FF" size="3" face="Arial, Helvetica, sans-serif"><b> LINKS
RECOMENDADOS </b></font></p>
<p><a href="index6.htm"><code>DEJA TUS DATOS</code></a></p>
<p> </p>
<p align="left"> </p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Daviddimaio2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="cieloestrellasnegro.gif" text="#FFFFFF" link="#0000FF" vlink="#FFCC00" alink="#99FF33">
<p align="left"><font color="#FFFFFF" face="Lucida Handwriting"><b><a style="text-decoration: none" href="index13.htm"><font color="#0000FF" size="3" face="Broadway BT">Mi
TARJARJETA</font><font color="#000000" size="3" face="Broadway BT">A: </font><font color="#000000" size="3"> </font><font color="#0033FF" size="3">
</font></a></b></font><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Alien Encounters Solid"> <a style="text-decoration: none" href="index3.htm">FOTOGRAFÍAS
de </a></font></font></b><font face="Alien Encounters Solid"><b><a style="text-decoration: none" href="index3.asp.htm">TRABAJOS</a></b></font></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<a style="text-decoration: none" href="index4.htm"><font face="YoungStar">LIBRO: </font></a><font face="YoungStar"> </font>
<a style="text-decoration: none" href="index5.htm">MIS CUENTOS PREFERIDOS:</a></font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting"> <font face="4YEO IN">PROYECTOS</font>
RUTA DE CUENTOS:</font></b></font></p>
<p align="left"><font color="#0033FF" size="3"><b><font face="Lucida Handwriting">
<font face="Crass">CURRiCULUN</font> <font face="Arial, Helvetica, sans-serif">
ESCUCHA PANDORA</font></font></b></font></p>
<p><font color="#0033FF" size="3" face="Arial, Helvetica, sans-serif"><b> LINKS
RECOMENDADOS </b></font></p>
<p><a href="index6.htm"><code>DEJA TUS DATOS</code></a></p>
<p> </p>
<p align="left"> </p>
</body>
</html>
Me imagino que te refieres al subrayado de los enlaces.
Lo puedes hacer por código utilizando estilos CSS. No se si dreamweaver lo permite en entorno gráfico, pero así seguro que funciona.
Entre el <head> y el <body> has de poner este código:
<style TYPE="text/css">
A.link1 { text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt;}
A:hover.link1 { text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt;}
</style>
Indicando el tamaño de la letra, fuente, color,...
El hover sirve para, si lo haces distinto, el enlace cambie cuando pasas el mouse por encima, por ejemplo, si en el a.link1 pones color:red y en el a:hover. Link1 pones color:black, el enlace normal sera rojo y cuando pases por encima pasara a ser negro.
Luego en los enlaces, cuando vayas a poner un <a href=...> has de poner <a class=link1 href=...> indicando que el enlace sera del estilo indicado arriba.
La característica más 'chula' de este código es el 'decoration', si pones none no se subraya el link. Si pones 'underline' si que se subraya, obverline sale el subrayado pero en la parte superior,...
Cualquier duda pregunta de nuevo :)
Lo puedes hacer por código utilizando estilos CSS. No se si dreamweaver lo permite en entorno gráfico, pero así seguro que funciona.
Entre el <head> y el <body> has de poner este código:
<style TYPE="text/css">
A.link1 { text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt;}
A:hover.link1 { text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:7pt;}
</style>
Indicando el tamaño de la letra, fuente, color,...
El hover sirve para, si lo haces distinto, el enlace cambie cuando pasas el mouse por encima, por ejemplo, si en el a.link1 pones color:red y en el a:hover. Link1 pones color:black, el enlace normal sera rojo y cuando pases por encima pasara a ser negro.
Luego en los enlaces, cuando vayas a poner un <a href=...> has de poner <a class=link1 href=...> indicando que el enlace sera del estilo indicado arriba.
La característica más 'chula' de este código es el 'decoration', si pones none no se subraya el link. Si pones 'underline' si que se subraya, obverline sale el subrayado pero en la parte superior,...
Cualquier duda pregunta de nuevo :)
