How do I make all the text on my webpage invisible but still take up space? using html or css.?

Question

I also want to invisible links to stay clickable.

Answer 1

Just make the image become the link.  <a href="OUR LINK'S URL"><img src="YOUR IMAGE"></a>  Or if you're trying to make it work with the image as a background and links over it, it won't work for everyone because of different browser settings, but you can do it as <a href="YOUR LINK">CODE FOR NONBREAKING SPACES - (ampersand followed by nbsp and a semi colon - It won't let me type the code here without executing it)</a>  You can do as many nonbreaking spaces as needed but it's not going to line up exactly how you want it to with everyone's browser.

Answer 2

The easiest way would be to change the font color to your background color, you could do this in both CSS and HTML. In HTML you would write <font color="white">text here</font> You could change the white to whatever color you wanted. In CSS you would write something like

p { color:white; }

Hope this helps!

And for some good web design tutorials, visit www.w3schools.com

Answer 3

Whatever you're doing, keep in mind that search engines (esp. Google) will take your CSS styles into account and exclude any  text they deem to be "hidden" (transparent text, or text that's colored the same as it's parent object's background - i.e. white text within a DIV with a white background) from having any weight relevancy-wise.

In a nutshell, it's considered to be keyword SPAM and won't rank well, if it even ranks at all - Then again, if you don't care about search engines looking at your site, you have nothing to worry about.

Just $0.02 from an SEO perspective. ;-)  

Answer 4

First, do you already have text inside the link? If you do then how do you hide the text around it so that the link doesn't stay hidden? You might want to style a link separately the same way to hide it.

Otherwise I am not sure why opera adds this text if it does (assuming your html is ok).

If background solution is not good for you I suppose link has to be in precise place on a picture? That's pretty hard to achieve consistently, html is not a layout language, it's markup language :P

Still, if you assume you can rely on fixed font size/etc, make the link contain some actual text?  Such as  nbsp-s. You might also include css width, and a dot in text if opera replaces spaces (I really don't have Opera here to check why and when it places the text where it isn't).

Or just place a span there with dimensions, and with onclick.

Depending on circumstances you might also consider imagemaps.

Or link to your current html somewhere, cause the question as is is not very clear.

Answer 5

Color the the text the same color as your website background.

Answer 6

use the

<label style="color:transparent;">text</label>  

Answer 7

Might try styling a div with your text content and your links with a class using visibility: hidden;.

Ron