Phark Method on Un-Floated Links

[Silverman]

Hello CSS-Tricks and Everyone.

Using the Phark Method.
The below code works fine.

Arbitrary Text

h1 {

width: 200px; height: 80px;

background: url("images/header-image.jpg");

text-indent: -9999px;

}

However as soon as I use this method on a link, an < a > element, the text does not indent -9999px and the specified dimensions are ignored. Instead the text displays over the background and the size of the < a > element is defined by the contained text.

Floating the element solves the issue but I do not want to float every link.

Help please!

[Paulie_D]

It sounds like there is an error somewhere in your code.

Can you post a link?

See here: http://tinkerbin.com/rGguq5Ee

[Silverman]

Thank you Karl I had figured it out a couple of hours ago and was returning here to mark as solved. But much appreciated.

[Author]

Posts