Resaltado excesivo en enlaces (palabras)

Hola otra vez magos:
Bueno, estoy intentando crear algunos enlaces en algunas palabras de mi web dentro de un texto. Esta palabra está en la froma <span></span> para que resalte pero no sé porque esta palabra se situa en una línea más abajo rompiendo así la estructura del texto, aparece apartada totalmente del texto que estaba escribiendo. Además, al pasar el ratón por esa línea aparece toda ella seleccionada en un color y solo quiero que se seleccione esta palabra y que mediante el enlace me lleve a una sección determinada de mi web.
El mayor problema creo que es que tengo diseñado los enlaces para que sean así porque me viene bien en los menús pero no me biene tan bien a la hora de que estas características me creen este problema en el texto normal.
¿Cómo hago para poder tener dos tipos de características diferentes según para que enlaces?
Gracias. Un saludo.

Hola sereisa,


como como puedo ver tu hoaja de estilos CSS,
Tu dices;

<span></span> para que resalte pero no sé porque esta palabra se situa en una línea más abajo

pudiera ser, (entre otras cosas) sea el resultado de que en tus estilos CSS, span, tenga una propiedad display, y creo que block.

Pero tambien puede ser que tengas en el ancla<a> de ese parrafo en cuestión, una proiedad "display:block" lo cual te haría un salto no al texto, sino al ancla <a>.

Revisalo, y mira si es <a> ó <span> el que tiene la propiedad display.
Compruebalo, retira momentaneamente esa propiedad para tus comprobacíones, y miras el resultado.

Tambien dices;

Además, al pasar el ratón por esa línea aparece toda ella seleccionada en un color y solo quiero que se seleccione esta palabra

No se, pudiera ser que <span> se encuetre dentro de <a> y tu <a> tiene un :hover del color que dices que ves.

Par que tu <span> funcione, es recomendable que le des una clase, mediante "class" en la hoja de estilo.

<span class=""></span>

saludos

manmanu

sereisa escribió:Hola otra vez magos:
.

Hola:

Uno en el grupo de las aes, (o sea donde se le dan las características para los enlaces de la página), se suele poner :

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:fuchsia ; text-decoration:underline ;}
a:active {}

Ese display:block significa que la pagina entera se comportará como bloques, o sea que cada etiqueta que ponga, será un bloque aparte de el bloque anterior, (esta es una explicación muy sencilla)

Por ejemplo, los enlaces que pudieran haber en la capa menu se comportarán como bloque.
¿Qué significa eso?
Que cada enlace que se ponga en la capa menu, se pondrán unos abajo de otros, porque así se ha definido en el grupo de enlaces para la página en general.

Ahora si uno quiere por ejemplo en la capa contenido, que es la que suele llevar texto, y quiere poner un enlace a cualquier parte, pero lo que no quiere es que ese enlace se comporte como un bloque, (o sea que no se ponga en otra línea.

Se le puede crear un grupo de aes para esa capa, y ponerle por ejemplo

#contenido a{color:reddisplay:inline}
#contenido a:link{}
#contenido a:visited{}
#contenido a:hover{color:yellow}
#contenido a;active{}

Con ese display:inline que le hemos puesto a los enlaces que vayan dentro de la capa contenido, sucederá que cuando uno escriba un párrafo en una línea y en esa misma línea pone un enlace a cualquier parte, este enlace seguirá estándo en esa línea y no se pondra abajo en otra línea.
¿Porqué?
Porque le hemos dicho que los enlaces de la capa contenido se comporten en linea.

También tiene que ver mucho la herencia, eso significa que hay cosas o directivas que se heredan, entonces muchas veces por desconocimiento de lo que significa la herencia, a veces uno pone una directiva en particular para cierta capa, pero no se da cuenta de que esa capa está dentro de otra y esa otra a lo mejor tiene unas directivas que mandan sobre la capa en que uno quiere cambiar ciertos aspectos

Si usted en un index en el que no use capas, (solo el body) y quiere escribir en ese body, pero también quiere poner enlaces, pero que no se vayan a la línea de abajo, se le puede poner al grupo de las aes general un display:inline o un display:normal.
Pero hay que probar para ver que es lo que resulta.
Con esto no digo que hay que adivinar, pero mientras uno no sepa que realmente significa display:block y display:inline, pues será como una adivinanza.

Vuelvo a decir que esta es una explicación muy sencilla de como funcionan los enlaces que se quieren poner en una pagina
Si usted en una capa que contendrá enlaces quiere que estos aparezcan de color rojo, pero cuando ponga el cursor sobre el, cambie de color a por ejemplo amarillo, pues se crea un grupo de aes para esa capa con las propiedades y valores que uno quiere ponerle, y si en otra capa quiere los enlaces de otro color , pues creará un grupo de aes para esa otra capa con sus respectivas propiedades y valores.

Tampoco estoy muy seguro de que tenga que utlilizar un <span> para cambiar las propiedades y valores de un enlace, ya que basta con que le de las directivas en como le digo el grupo de aes respectivo, claro que por elegir , pues lo que desee

Saludos

Mil gracias, funciona estupendamente. Estoy terminando de asimilar tado la información que me habeis dado tanto manmanu como raulyure. Todo eso de las capas y tal. Lo del display:block es la clave.
Voy a intentar crear otro tipo en la capa del menú vertical que esta dentro del contenido y se han puesto con las mismas caracteristicas.
Gracias fenómenos.
Un saludo.

Hola amigos,


me alegro que te hayan servido las expliacaciónes de los dos.

Pero hay una cosa que olvide que comentaste;

Esta palabra está en la froma <span></span> para que resalte

También puedes envolver el texto que quieres que resalte de los demás con;

negrita

y una etiqueta más áctual que (creo) sustituirá a

negrita



Como comentario.


saludos


manmanu

Ok Manmanu:
La verdad es que me interesan bastante estos dos estilos de texto pero con que especificaciones los guardo en la hoja de estilo-general.css?
Un saludo.

Hola amigos;


Bueno en realidad no va en los estilos, van en la hoja html.
Te pongo un ejemplo, copialo a un bloc de notas, cambia la extensión txt por htm, o html y ves el resultado, pero fijate como se han colocado, es sencillo.

Esto lo [b]escribes[/b] en tu codigo [b]html[/b] para que funcione.

Tambien puedes resaltar tu texto desde tu hoja de estilos, con la propieddad; 
[b]font-weight:bold[/b] al texto de una capa, una tabla, un parrafo, o toda una pagina.
 
</p>

Espero que conteste a tu pregunta, y familiarizate con la más áctual , esta se utiliza más para hacer una página con los nuevos Doctype de xhtml.

Mucha gente usa , pero existe un cambio.



saludos


manmanu

Grande manmanu:
Me gusta esto del y ya lo he probado. A primera vista parece igual que el pero si me dices que se utiliza más el strong utilizaré este. Además puedo hacerlo en html o en css, muy buen apunte.
Una cosilla, es que el ser tonto es un problema tio, en serio, he intentado cambiar la extensión de tu código con mi bloc de notas (Notepad2) pero no encuentro el lugar donde hacerlo. En Archivo/codificación solo me pone estas opciones (ANSI, Unicode, Unicode big endian, UTF-8, UTF-8 con firma). Y si lo intento en guardar como me salen las siguientes opciones (Todos los archivos, Default text, Web source code, XML document, CSS Style Sheets, JavaScript, VBScript, Perl/CGI Script, ActionScript 2.0, C/C++ Source Code, C# Source Code, Resource Script, Makefiles, Java Source Code, Visual Basic, Pascal Source Code, Assembler, SQL Query, Phyton Script, NSIS Script, Configuration files, Batch files, Diff files).
De todas maneras muchas gracias por todo, me es de mucha utilidad.
Gracias. Un saludo.
Pero nada de html o htm.

Perdón queria escribir esto, es que me liao copiando tipos de extensión.
Grande manmanu:
Me gusta esto del y ya lo he probado. A primera vista parece igual que el pero si me dices que se utiliza más el strong utilizaré este. Además puedo hacerlo en html o en css, muy buen apunte.
Una cosilla, es que el ser tonto es un problema tio, en serio, he intentado cambiar la extensión de tu código con mi bloc de notas (Notepad2) pero no encuentro el lugar donde hacerlo. En Archivo/codificación solo me pone estas opciones (ANSI, Unicode, Unicode big endian, UTF-8, UTF-8 con firma). Y si lo intento en guardar como me salen las siguientes opciones (Todos los archivos, Default text, Web source code, XML document, CSS Style Sheets, JavaScript, VBScript, Perl/CGI Script, ActionScript 2.0, C/C++ Source Code, C# Source Code, Resource Script, Makefiles, Java Source Code, Visual Basic, Pascal Source Code, Assembler, SQL Query, Phyton Script, NSIS Script, Configuration files, Batch files, Diff files).
Pero nada de html o htm.
De todas maneras muchas gracias por todo, me es de mucha utilidad.
Gracias. Un saludo.

Hola,

basta con que lo escribas, solo que debes pasar de la parte de abajo, tu pones "index.html" y lo guardas. OJO, tienes que guardarlo como, no vale guardarlo en el mismo archivo.

Adios

ok, ya lo veo. Controlaisssssssss.
Muchas gracias. Con lo que me he liao. Bufff
Un saludo.

Hola,

de nada! ya sabes que puedes contar con nosotros!

Adios