Link to home
Start Free TrialLog in
Avatar of jackjohnson44
jackjohnson44

asked on

css hide a links text

I am trying to display an image and hide the text of a link.  I can display the image, and even get rid of the text underline, but I can't get rid of the text.

.collapsed, .collapsed a  {
    background: transparent url('/Style Library/maximize_gray_small.png') no-repeat scroll center left !important;
      padding:2px 6px 2px 25px !important;
    text-indent: -1999px;
    text-decoration:none;
}
Avatar of LZ1
LZ1
Flag of United States of America image

Maybe your CSS is wrong.

Try this:

.collapsed, a.collapsed  {

Open in new window


If that doesn't help, please post a live URL or your HTML/CSS rendered page so we can debug further
The only text-indent value that I have seen for this technique is -9999px rather than the one you have which is -1999px.   For most resolutions this shouldn't matter, but...
Avatar of jackjohnson44
jackjohnson44

ASKER

Thanks, but neither of those worked.  I can't send a public url because there is none.  I do have a screen shot with the page, and the html code and css thanks to firebug.
Show us the URL.
It is a test site on a development box.  It isn't on the internet.
Sorry, I misread.  Please post your HTML/CSS code
SOLUTION
Avatar of Jagadishwor Dulal
Jagadishwor Dulal
Flag of Nepal image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial