Foros del Web » Creando para Internet » CSS »

esconder texto

Estas en el tema de esconder texto en el foro de CSS en Foros del Web. Estimados como se puede esconder contenido de un contenedor sin comprometer al contenedor mismo, me explico tengo lo siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original ...
  #1 (permalink)  
Antiguo 30/05/2016, 13:04
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
esconder texto

Estimados como se puede esconder contenido de un contenedor sin comprometer al contenedor mismo, me explico tengo lo siguiente:

Código HTML:
Ver original
  1. <div style="width:300px; border-width:1px; border-color:#000000; border-style:solid;">
  2. asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />
  3. </div>

se muestra el div con el borde pero al aplicar

Código CSS:
Ver original
  1. display:none;

el div desaparece, solución para esto

gracias
  #2 (permalink)  
Antiguo 30/05/2016, 17:24
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 14 años, 7 meses
Puntos: 1011
Respuesta: esconder texto

Prueba a usar text-indent con un valor negativo alto
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 30/05/2016, 20:20
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: esconder texto

Cita:
Iniciado por IsaBelM Ver Mensaje
Prueba a usar text-indent con un valor negativo alto
lo pruebo y comento ;)
  #4 (permalink)  
Antiguo 30/05/2016, 20:53
 
Fecha de Ingreso: julio-2013
Mensajes: 14
Antigüedad: 9 años, 6 meses
Puntos: 3
Respuesta: esconder texto

Yo te recomiendo que encierres el contenido a ocultar en otra caja, mas o menos asi:

Código HTML:
Ver original
  1. <div style="width:300px; border-width:1px; border-color:#000000; border-style:solid;">
  2.         <div class="ocultar">
  3.               asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />asd<br />
  4.         </div>
  5.     </div>

Código CSS:
Ver original
  1. div.ocultar {
  2.      display: none;
  3.   }
  #5 (permalink)  
Antiguo 31/05/2016, 08:37
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 19 años, 10 meses
Puntos: 1826
Respuesta: esconder texto

La solución de BeikerxD es buena.

Yo propongo una modificación:


Código HTML:
Ver original
  1. <div class="MeVoyATragarElContenido" >
  2. <p>asd<br />asd<br />asd<br />asd<br /></p>
  3.         </div>

Código CSS:
Ver original
  1. .MeVoyATragarElContenido {width:300px; border-width:1px; border-color:#000000; border-style:solid;}
  2.  
  3. .MeVoyATragarElContenido p {display: none;}

Destaco dos cosas. El estilo no debería ir en el mismo html sino en una hoja de estilos, pero bueno, se puede dejar.

Pero lo importante es el selector .MeVoyATragarElContenido p Esto aplica el estilo a los párrafos que están dentro de ese div.

Probablemente debería usarse un id en lugar de un class, pero eso es aparte.

Etiquetas: color, esconder, width
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 18:02.