Foros del Web » Creando para Internet » CSS »

¿Cómo subrayar un párrafo menos una palabra?

Estas en el tema de ¿Cómo subrayar un párrafo menos una palabra? en el foro de CSS en Foros del Web. Hola, necesito subrayar un párrafo, menos una o varias palabras . Estoy intentando esto (pretento subrayar todo el párrafo, menos la palabra "dolor"): <p style="text-decoration: ...
  #1 (permalink)  
Antiguo 14/04/2010, 13:42
 
Fecha de Ingreso: diciembre-2009
Mensajes: 8
Antigüedad: 8 años
Puntos: 0
¿Cómo subrayar un párrafo menos una palabra?

Hola, necesito subrayar un párrafo, menos una o varias palabras.

Estoy intentando esto (pretento subrayar todo el párrafo, menos la palabra "dolor"):

<p style="text-decoration: underline">Lorem ipsum <span style="color: red; text-decoration: none">dolor</span> sit amet.</p>

Pero asombrosamente (para mí) no funciona, y no sé por qué. La palabra se me pone en rojo, es decir, lee el estilo, pero aparece subrayada: la regla "text-decoration: none" no le hace efecto.

¿Alguien puede explicarlo?

Gracias y un saludo.
  #2 (permalink)  
Antiguo 16/04/2010, 10:44
 
Fecha de Ingreso: enero-2009
Mensajes: 16
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: ¿Cómo subrayar un párrafo menos una palabra?

lamentablemente es imposible dejar de sacarle el underline a un párrafo porque no lo hace palabra por palabra sino a todo el bloque de parrafo, la solución (no muy buen pero que se me acaba de ocurrir) es hacerlo invertidom osea:

Cita:
<p style="text-decoration:none; color:red;"><span style="color:#000; text-decoration:underline;">Lorem ipsum</span> dolor<span style="color:#000; text-decoration:underline;"> sit amet.</span></p>
si se me ocurre otro método vuelvo y te lo digo.

un saludo
  #3 (permalink)  
Antiguo 16/04/2010, 11:18
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: ¿Cómo subrayar un párrafo menos una palabra?

Yo no se como se hacerlo "bien"...

Con este método sale como tu quieres... pero es un código muy sucio....

<p>
<span style="text-decoration: underline">Lorem ipsum</span>
<span style="color: red; "> dolor </span>
<span style="text-decoration: underline">sit amet.</span>
</p>
  #4 (permalink)  
Antiguo 19/04/2010, 03:28
 
Fecha de Ingreso: diciembre-2009
Mensajes: 8
Antigüedad: 8 años
Puntos: 0
Respuesta: ¿Cómo subrayar un párrafo menos una palabra?

Hola, al parecer, la forma de hacerlo es como decís: aplicar los estilos "text-decoration" a las frases o palabras concretas, no al párrafo entero (aunque si con el "color" sí funciona, no veo por qué no lo hace con el "text-decoration"; pero bueno, misterios insondables de la tecnología).

Muchas gracias y un saludo.
  #5 (permalink)  
Antiguo 19/04/2010, 22:22
 
Fecha de Ingreso: abril-2010
Ubicación: Colombia - Bucaramanga
Mensajes: 1
Antigüedad: 7 años, 7 meses
Puntos: 0
Sonrisa Respuesta: ¿Cómo subrayar un párrafo menos una palabra?

Hola Kepler, mira esto te podria servir y asi utilizaras un codigo limpio.

En medio de la etiqueta "head" ingresa este codigo CSS:

<style type="text/css">
p {
text-decoration: underline;
}
p span {
text-decoration: none;
}
</style>

Y en el "body" coloca esto:

<p>Lorem ipsum <span>dolor</span> sit amet.</p>


Entonces el estilo "p" controla el subrayado para todo el parrafo en general, pero el "span" omitirá el subrayado. Espero te sirva..
  #6 (permalink)  
Antiguo 20/04/2010, 02:09
Avatar de awesomeboy  
Fecha de Ingreso: abril-2010
Mensajes: 27
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: ¿Cómo subrayar un párrafo menos una palabra?

otra manera seria editando al vuelo un estilo con la tag font

<font color="RED" style="text-decoration:none; !Important">Dolor</font>
  #7 (permalink)  
Antiguo 21/04/2010, 15:27
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: ¿Cómo subrayar un párrafo menos una palabra?

Hola:

Cita:
Iniciado por awesomeboy Ver Mensaje
otra manera seria editando al vuelo un estilo con la tag font

<font color="RED" style="text-decoration:none; !Important">Dolor</font>
A eso se le llama estar actualizado, si señor, recomendar una etiqueta desaconsejada por obsoleta.

Saludos.


Etiquetas: menos, palabra, párrafo
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 13:28.