PDA

View Full Version : text removal



viktor
05-26-2006, 05:22 PM
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
05-26-2006, 05:38 PM
Why don't you just remove the text from the table?
Anyway... try visibility:hidden.

viktor
05-26-2006, 06:09 PM
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
05-26-2006, 06:12 PM
"invisible" is not a value for visibility.
In fact, that's some really screwed up code in general.

viktor
05-26-2006, 06:29 PM
perfection is not the only answer that works!

this code does the job, thats all it matters.

Twey
05-26-2006, 06:45 PM
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.