The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Phark Method on Un-Floated Links

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #36909

    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!


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

    Can you post a link?

    See here:


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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.