joyo escribió:Hola amigos, finalicé exitósamente el curso y ahora estoy realizando mi propia página, y quiero saber como puedo insertar un enlace a alguna página web desde un párrafo, lo he intentado de varias formas pero siempre lo coloca en una línea aparte y con el fomato de a:{}, agradecido por su ayuda :) :)
Hola:
Para que ponga un enlace dntro de un párrafo y este enlace no se ponga en otra línea debe hacerlo en el grupo de las aes, que son el grupo que tiene que ver con los enlaces
Si es en una capa en particular como por ejemplo la capa contenido
puede crear un grupo de aes para esa capa (en la hoja de estilo general)
................................
Por ejemplo, esta es el grupo que le da a toda la pagina la clase de enlaces que va a tener, si se fija verá que se le da un display block, eso significa que los enlaces se pondrán uno debajo de otro en términos generales, o sea que se comportarán como si fuese un párrafo, poniéndose cada enlace en líneas distintas
a{color: brown; text-decoration: none ;
display:block}
a:link {}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active{}
.......................................
Pero como usted quiere que en la capa contenido los enlaces no se pongan en líneas distintas, entonces puede crear un frupo de enlaces para esa capa contenido y decirle que se comporten inline o sea, que no se vayan a otra línea
#contenido a{color: brown; text-decoration: none ;
display:inline}
#contenido a:link {}
#contenido a:visited{}
#contenido a:hover {color:red ; text-decoration:underline ; background-color:silver}
#contenido a:active{}
..............................................
También puede no crear ningún grupo de aes para esa capa contenido y ponerle al grupo de aes general un display:inline o un display:normal
a{color: brown; text-decoration: none ;
display:normal} o inline
a:link {}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active{}
Con eso le estaría diciendo que todos los enlaces de la pagina se comporten como si fuesen en línea y no se pongan en otra línea
................................................................
Pero como eso puede afectar a los enlaces de la capa menu, (que son los que tienen que ponerse uno debajo de otro) la que suele estar a la izquierda, entonces habría que crear un grupo de aes para esa capa menu y ponerle a ese grupo de aes de la capa menu , un display:block
por ejemplo
#menu a{color: brown; text-decoration: none ;
display:block}
#menu a:link {}
#menu a:visited{}
#menu a:hover {color:red ; text-decoration:underline ; background-color:silver}
#menu a:active{}
Así, cualquier enlace que usted ponga en su pagina, exceptuando los de la capa menu se pondrán en línea,
Ya depende de como mejor le parezca, o como mejor le de resultado
Saludos
