Obrázek jako odkaz. CSS

Mám problém s vložením obrázku jako odkaz. Dělá to pode knihy zaím je veřejněná v patičce (tučným písmem).
Udělal jsem tam značku <span></span> a mám tomu určit pozadí jakože ten obrázek a velikost. Jnežese žádný obráze nezobrazuje.
V té knize je to napsané takhle:
h1 span:
{
position: absoulute;
top: 0;
left: 0;
z-index: 1;
width: 750px;
height: 144px;
background: url ("../pic/hlavicka.gif");
cursor: pointer;
cursor: hand;
display: block;
}
Proč se mi to nezobrazuje? obrázek je v gifu namá to být v něčem jiném třeba JPEG

Napočítal jsem asi 9 překlepů a pár pravopisných chyb. Mám problém kvůli tomu ten dotaz pochopit. Příště si to nejprve po sobě před odesláním přečti.

Uvedené CSS je určeno pro vkládání obrázkových nadpisů vhodných pro SEO. Normálně se obrázky vkládají kombinací <a ...><img ...></a>.

Skutečně jsi <span></span> vložil dovnitř <h1></h1>? V tom případě by to snad mělo fungovat. Tedy pokud ../pic/hlavicka.gif existuje. Mám takové tušení, že ne.

Background: url ("/3w/wz.cz/k/kuldjas/pic/hlavicka.gif");

Tohle nebude fungovat ani náhodou.

Kromě toho už vidím, že <span></span> není uvnitř <h1></h1>. Proto to nefunguje.

Tak tím pádem mi vysvětli co jsou ty dvě tečky?Span je mezi <h></h1> akorát ještě v <a ...> </a> což je taky vloženo mezi h1

A v CSS máš jen
h1 span
musel bys mít
h1 a span

Ty dvě tečky označují relativní adresu - rodičovský adresář. Nemůžeš ji jen tak nahradit absolutní adresou na serveru, protože prohlížeč uvedenou adresu interpretuje takto:

http://kuldjas.wz.cz/3w/wz.cz/k/kuldjas/pic/hlavicka.gif

a tam takovou adresářovou strukturu nemáš, natož soubor hlavicka.gif

Aha, děkuji a ještě jedna věc. Jak mám tu plochu 750x160px tak se mi to lepí přímo nahoru jak tomám posunout na tu hnědou plochu?

Mám problém nikoliv s vkládáním obrázku, ale s písmem. Vytvořený css soubor style.css a v něm toto:

<style type="style/css">{ }
p {font-family: Constantia, sans-serif; font-size: small;}
-->
</style>

potřebuji aby písmo na více monitorech se zobrazovalo stejně, chtěl bych používat písmo které není mezi základními.
V článku mám potom tento odkaz na soubor.

<link href="www.ropklub.wz.cz/clanky/style.css" rel="stylesheet" type="text/css" />

Jsem začátečník, za jakoukoliv radu Vám předem děkuji.

Nesouvisí to s vláknem, měl sis založit vlastní/nové.

Ale ať něčím taky přispěju: tvůj zápis v CSS bude fungovat pouze v případě, že je font Constantia v systému dostupný. Tento font je sice standardní součástí novějších OS od Microsoftu, ale zdaleka ne všude (jiné OS).

Pokud ti nestačí výběr z pár klasických fontů, existuje několik cest, jak požadovaný font zobrazit (protože ale musíš soubor s fontem zároveň poskytnout, je třeba dávat pozor na licence jednotlivých fontů.. např. konkrétně od Microsoftu můžeš použít pouze fonty označené jako redistributable). Nejpoužívanější způsoby:
a) @font-face vlastnost CSS3
b) Cufon (javascriptová knihovna)

Více viz Google, nemá smysl se o tom rozepisovat moc obecně.

@font-face vlastnost je starší, je už v CSS2.
http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#font-descriptions