CSS - lamerský dotaz

Zdravím. Pro profíky je to jistě maličkost, pro mě jako naprostého zelenáče zatím nepřekonatelý problém.
Html:

<h1><a href="itw1.html"><span>Nějaký nadpis</span></a></h1>

Místo tohoto nadpisu, který je současně odkaz, potřebuji vložit obrázek 188x71 px a text schovat. Zatím to mám takto:

h1 a{
  background-image: url("images/logo.png");
  background-repeat: no-repeat;
}

Obrázek je v pozadí textu a je ořezaný podle velikosti textu. Vlastnosti width a height nic nezmění. Prosím o nakopnutí. Díky.
Kdyžtak bych se potom zeptal ještě na další "drobnosti".

edit: html kód nesmí být změněn.

Předmět	Autor	Datum
h1 a { background-image: url("logo.png"); background-repeat: no-repeat; display : block; } h1 a span… MaSo 06.04.2015 19:30	MaSo	06.04.2015 19:30
h1 a { background-image: url("images/img188x71.jpg"); background-repeat: no-repeat; } span { visibil… IQ37 06.04.2015 19:31	IQ37	06.04.2015 19:31
Děkuji vám oběma :-) Niko Bellic 06.04.2015 19:36	Niko Bellic	06.04.2015 19:36
Další lamerský dotaz: mám <div id="page">, v něm je spousta dalších elementů. Potřebuji, aby page mě… Niko Bellic 06.04.2015 20:46	Niko Bellic	06.04.2015 20:46
margin: auto; pme 06.04.2015 20:54	pme	06.04.2015 20:54
Děkuji :-) Niko Bellic 06.04.2015 20:58	Niko Bellic	06.04.2015 20:58
Když překryješ h1 (text odkazu) obrázkem, nebude ten web Google penalizovat? Proč to chceš skrývat? Kráťa 06.04.2015 21:39	Kráťa	06.04.2015 21:39
Protože tak je to v zadání. Je to jen projekt, reálně to nikde vystavené nebude. :-) poslední Niko Bellic 06.04.2015 22:11	Niko Bellic	06.04.2015 22:11

h1 a {
  background-image: url("logo.png");
  background-repeat: no-repeat;
  display : block;
}

h1 a span {
    visibility : hidden;
}

h1 a {
  background-image: url("images/img188x71.jpg");
  background-repeat: no-repeat;
}
span {
	visibility: hidden;
}

Děkuji vám oběma

Další lamerský dotaz: mám <div id="page">, v něm je spousta dalších elementů. Potřebuji, aby page měla šířku 1024px a byla vždy na středu i když se mění šířka prohližeče.

#page{
  width: 1024px;
}

Šířka je ok, ale obsah stránky je nalepený vlevo. Jako ho dostat do středu?

margin: auto;

Děkuji

Když překryješ h1 (text odkazu) obrázkem, nebude ten web Google penalizovat? Proč to chceš skrývat?

Protože tak je to v zadání. Je to jen projekt, reálně to nikde vystavené nebude.

Zpět do poradny Odpovědět na původní otázku Nahoru