Ocultar solo texto en el párrafo html

Quiero ocultar el texto en el párrafo, pero hay una imagen y texto. Cuando estoy usando css para mostrar ninguno, todos los párrafos están ocultos ... pero solo quiero ocultar el texto, no la imagen. Aquí está el código.Ocultar solo texto en el párrafo html

<p> 
    <a href="/_blog/News_and_Inspiration/post/Cooking_up_a_storm/"><img alt="" style="border: 0px solid; width: 100px; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px;" src="/images/blog/Shaun-Clouston.jpg" /></a> 
    The executive chef of Wellington&rsquo;s award winning Restaurant, Shaun Clouston is just one of the award winning New Zealand Beef and Lamb Ambassador chefs we have cooking up a storm at our Rural Women New Zealand Beef + Lamb Cooking Demonstrations over the coming months.&nbsp; 
</p> 

<p> 
    <img src="/images/blog/Southland Life Education Trust Car 2.jpg" alt=""> 
    Two years ago the Southland Life Education Community Trust approached our four Southland Provincials, asking for assistance to replace their educator’s car, as the current one needed major repairs. 
</p>

Fuente

2012-07-04 asif

El código era mejor que la previsualización de esta imagen. – SVS

@svs ¿no tienes OCR? –

tiene un jsfiddle? – starbeamrainbowlabs

Probar:

p { 
    font-size: 0; 
}

y especificar el tamaño de fuente para todos los elementos descendientes que desea visible.

Fuente

2012-07-04 08:59:02

Nota. Cuidado con IE. Por supuesto, fallará :) – PeeHaa

@PeeHaa funciona en IE9 pero IE8 todavía muestra texto diminuto. –

Lo sé ..... :-) – PeeHaa

Dependiendo del resto de su diseño y si es necesario atenerse a display: none; para ocultar el contenido, puede utilizar visbility: hidden; como en el siguiente ejemplo:

p { 
    visibility: hidden; 
} 

img { 
    visibility: visible; 
}

Ver ejemplo violín here.

Fuente

2012-07-04 09:01:19 Sirko

Esta es realmente una buena respuesta, pero se debe poner énfasis en _dependiendo del resto de su diseño_ ya que los elementos 'visibility: hidden' aún pueden ocupar espacio en la página. Es una pena que 'display: none' sea necesariamente heredado, aunque supongo que tiene más sentido de esa manera. –

Piensa que David Thomas está trabajando más eficientemente ... – asif

@asif Por lo tanto, debe aceptar su respuesta para mostrarle a otro que su problema está resuelto. – Sirko

Otra opción:

p{ 
     text-indent: -1000px; 
    } 
    img{ 
     position: absolute; 
     left:10px; /*obviously position how you like*/ 
    }

Fuente

2012-07-04 09:06:20 Rhyso

Si el texto es muy largo, 'espaciado entre letras: -valor negativo' también podría ayudar – biziclop

se puede tomar el texto en vano y que sea display: none; espero que esto le ayudará a :)

p span { 
display:none; 
} 

<p> 
    <a href="/_blog/News_and_Inspiration/post/Cooking_up_a_storm/"><img alt="" style="border: 0px solid; width: 100px; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px;" src="/images/blog/Shaun-Clouston.jpg" /></a> 
    <span>The executive chef of Wellington&rsquo;s award winning Restaurant, Shaun Clouston is just one of the award winning New Zealand Beef and Lamb Ambassador chefs we have cooking up a storm at our Rural Women New Zealand Beef + Lamb Cooking Demonstrations over the coming months.&nbsp;</span> 
</p>

Fuente

2012-07-04 11:21:36

Muchas opciones están ahí,

texto y el fondo mismo color
tamaño de la fuente 0px
pantalla ninguno
visibilidad: oculto y muchos más están ahí ...

Si fue ayudado, bien. Gracias,

Fuente

2016-02-12 11:59:14 loyola

Ocultar solo texto en el párrafo html

Respuesta

Cuestiones relacionadas