Neviditelny H1 nadpis ako odkaz na obrazok.

Zdravim.

Chcem sa spytat ako by ste riesili danu vec:
Chcem urobit <h1>nadpis</h1> - ktory bude neviditelny a chcem, aby sa namiesto neho zobrazil obrazok, ktory bude klikatelny (odkaz), taktiez chcem, aby sa zobrazil H1 text pri vypnutych styloch, alebo obrazkoch, urcite sa to da nejak spravit, ale akosi na to neviem prist.
Podarilo sa mi to spravit tak, aby sa text zobrazil pri vypnutych styloch, avsak pri vypnutych obrazkoch zostane skryty, kusok kodu:

CSS:



#header {

		width: 160px;

		height: 56px;

		position: relative;

		overflow: hidden;

}



#header a {

		position: absolute; left: 0; top: 0; z-index: 1;

		width: 160px;

		height: 56px;

		background: url(../images/l_03.png) top left no-repeat; 

}



#header a span {

		display: none;

}



(X)HTML:

<div id="header">

<h1><a href="#"><span>IRISOFT.sk</span></a></h1>

</div>

Toto je presne ten priklad kedy to funguje pri vypnutych styloch, avsak nie pri vypnutych obrazkoch.

Jestli potřebuješ obrázkové nadpisy, které budou vždy fungovat, podívej se na
http://www.wellstyled.com/css-replace-text-by-image.html (je potřeba překliknout na český text vpravo).

Ahoj, no prave podla tohto som postupoval, bez odkazoveho nadpisu mi to funguje, ale s odkazom to uz nefunguje, da sa to vobec spravit?

Áno.

Ahoj tak preco neporadis? :)

To co tu ukazuješ teď, je celkem nesmyslné.

To co tu ukazujem je presne to co je na tej stranke (mozno az na A:hover) :http://www.wellstyled.com/files/css-replace-text-by-image/example03.ht ml
o com teda? Pozrite si ten jeho PRIKLAD 3, ktory je uplne na konci. On funguje len pri vypnutom CSS, nie vsak pri vypnutych obrazkoch.