Foros del Web » Creando para Internet » CSS »

hacer que un hr atraviese un texto

Estas en el tema de hacer que un hr atraviese un texto en el foro de CSS en Foros del Web. hola a todos me lo que me gustaría hacer es esto ejemplo Código HTML: <hr> hola me gustaría que pasara esto ----------------------------hola------------------------------ pero no pasa ...
  #1 (permalink)  
Antiguo 06/07/2011, 14:42
 
Fecha de Ingreso: junio-2011
Mensajes: 19
Antigüedad: 5 años, 6 meses
Puntos: 0
Pregunta hacer que un hr atraviese un texto

hola a todos me lo que me gustaría
hacer es esto
ejemplo
Código HTML:
<hr>hola
me gustaría que pasara esto
----------------------------hola------------------------------
pero no
pasa esto

hola
___________________________________

y si hago esto

Código HTML:
<hr width='50%'>hola
pasa esto

hola
_____________


si hago esto

Código HTML:
hola<hr width='50%' align='center'> 

pasa esto
hola
_____________________

me gustaria que me puedan ayudar
lo que kiero hacer es lo siguiente como ya lo dije

----------------------------hola---------------------------------
que la linea pasa atraves del texto
espero que me explique con un codigo css
Código CSS:
Ver original
  1. #hr {
  2.   margin-left:15px;
  3. }
nada funciona :(
  #2 (permalink)  
Antiguo 06/07/2011, 15:10
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 7 años, 6 meses
Puntos: 137
Respuesta: hacer que un hr atraviese un texto

No entiendo bien lo que quieres lograr pero bueno es algo asi... lo que se me ocurre...
sino seria usar la etiqueta <del> y llenarlo de espacios en blanco XD
Código CSS:
Ver original
  1. p{
  2. border-bottom: 1px solid #000000;
  3. height: 0;
  4. line-height: 28px;
  5. margin:0 0 15px;
  6. padding-bottom: 15px;
  7. text-align: center;
  8. }

<p>Hola mundo</p>

Si quieres que el texto sea legible encierralo dentro de un span y juego con los z-index y fondo y color de letra chao...
  #3 (permalink)  
Antiguo 06/07/2011, 17:19
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: hacer que un hr atraviese un texto

el hr crea una linea horizontal que no tiene la propiedad de ser cortada en un punto escojido hasta donde se, para añadirle texto, pero es muy facil solucionarlo.

Lo que necesitas es ajustar las dimensiones del hr en un punto que intersecte entre el texto que quieres añadir y otro hr que inicie.

Código HTML:
Ver original
  1. <hr width='50%'>hola</hr><hr width='50%'></hr>


En el caso de que pegue un salto de linea, podrias intentar metiendolo en un contenedor primero.

sALUDOS.
  #4 (permalink)  
Antiguo 06/07/2011, 19:53
 
Fecha de Ingreso: junio-2011
Mensajes: 19
Antigüedad: 5 años, 6 meses
Puntos: 0
Respuesta: hacer que un hr atraviese un texto

Cita:
Iniciado por alexk Ver Mensaje
no entiendo bien lo que quieres lograr pero bueno es algo asi... Lo que se me ocurre...
Sino seria usar la etiqueta <del> y llenarlo de espacios en blanco xd
Código css:
Ver original
  1. p{
  2. border-bottom: 1px solid #000000;
  3. height: 0;
  4. line-height: 28px;
  5. margin:0 0 15px;
  6. padding-bottom: 15px;
  7. text-align: Center;
  8. }

<p>hola mundo</p>

si quieres que el texto sea legible encierralo dentro de un span y juego con los z-index y fondo y color de letra chao...
genial
ese si funcionoo
gracias man

Etiquetas: php+css
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 06:56.