How to make images and text invisible in HTML/CSS

**shivachettri** · 4 April, 2010, 19:31 PM

Originally Posted by Mr.Bill

would it be easier to wrap a div around all of them and then hide that div using something like

<div style:visibility="hidden"></div>

or even with javascript

Seems if something like that would work then it would be less work

Thanks, this would be a viable option, hiding the div

**Aziz** · 4 April, 2010, 19:34 PM

Originally Posted by Mr.Bill

would it be easier to wrap a div around all of them and then hide that div using something like

<div style:visibility="hidden"></div>

or even with javascript

Seems if something like that would work then it would be less work

inline CSS is not recommended at all and javascript could slow down website performance.

A CSS class is best, you can assign it to any element on any page at any time
What can be more time-saving?

Code:

.hide {
   display:none;
   visibility: hidden;
}

Code:

...<img class="hide" src="image.gif" alt="" />...
...<div class="hide"><!-- hidden content --></div>...
...<p class="hide">hidden text</p>...

**Mr.Bill** · 4 April, 2010, 19:43 PM

That seems much easier using the
<div class="hide"></div> and css

Thank you for explaining it aziz

**Aziz** · 4 April, 2010, 20:52 PM

Originally Posted by Mr.Bill

That seems much easier using the
<div class="hide"></div> and css

Thank you for explaining it aziz

my pleasure

just thinking about it, comments would have worked as well

**hendricius** · 21 July, 2010, 04:49 AM

Here is a simple suggestion: Just change the color of the text of the text to the that as the background, so its technically invisible unless to highlight it

**berlanmiranda55** · 8 October, 2010, 16:15 PM

Google would still crawl and even index substance hidden by CSS. If you aim to absolutely hide the source code of specific substance from google then it's called cloaking.

**Aziz** · 16 October, 2010, 19:56 PM

Originally Posted by berlanmiranda55

Google would still crawl and even index substance hidden by CSS. If you aim to absolutely hide the source code of specific substance from google then it's called cloaking.

OMG

copycat. die