text removal

[viktor]

I got this code:

<style type="text/css">
.nametext {
 width: 156px; height: 85px;
 background-image:url(http://files.tagworld.com/479e9dd1b77beac24cf0a1401f1476e917d8.jpeg);
 background-repeat: no-repeat;
}
</style>

This code puts image into .nametext class as background, but problem that I hate that table has text in it. so I got background image plus text over it. I need help removing the text from that class. I tried display:none but it takes the whole thong out and I tried moving in off visible area but it takes the whole thing out as well. I need to leave image instead of that text. NO JAVASCRIPT got to use css and html.

thank you

[Twey]

Why don't you just remove the text from the table?
Anyway... try visibility:hidden.

[viktor]

No it didn't work with visibility:hidden, removed the whole thing. but i figured it out, here is the code that answers my question.

<style type="text/css">
table table table td {!important;}
span.nametext {
color:transparent;
visibility:invisible !important;
background-color:transparent;
background-image:url("http://files.tagworld.com/479e9dd1b77beac24cf0a1401f1476e917d8.jpeg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:158px; height:42px; display:block !important; }
span.nametext img {display:none; }
</style>

[Twey]

"invisible" is not a value for visibility.
In fact, that's some really screwed up code in general.

[viktor]

perfection is not the only answer that works!

this code does the job, thats all it matters.

[Twey]

Yes, but half of it doesn't do anything

table table table td {!important;}

for example. You're using !important but you haven't actually specified what is important.