Autor Zpráva
johnl
Profil
Dobrý den, mám na stránce john.page.sweb.cz logo, jenže ho mám umístěné pomocí CSS takto
body {
	margin-top: 220px;
	background: #000000 url(images/img01.jpg) no-repeat center top;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
a chtěl bych aby to logo bylo klikací, jde to nějak udělat aby zůstalo i nadále v css?
srigi
Profil
johnl
Pozri sa napr. na tuto stranku. Robil som to tam podla webu WELLSTYLED, cize pri nedostupnosti obrazku sa zobrazi "failsafe" text. Je to perfektne validne riesenie.
Kry5
Profil
Použij to jak to používám já (pokud používáš i jinde nadpisi H1 uprav si to podle sebe):
HTML:
<h1>Nějaký text<span><a href="index.html" title="Zpět na úvodní stranu"></a></span></h1>

V HTML pouze místo loga napíšeš tento jednoduchý text s odkazem. Pak v CSS zařídíme aby se text překryl logem a celé logo bude i tak fungovat jako odkaz (v tomhle případě na index.html)

CSS:
h1 
{
  margin: 0 auto; 
  padding: 0;
  width: 900px;
  height: 150px;
  color: black;
  position: relative;
}

h1 span 
{
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 900px; 
  height: 150px;
  margin: 0; 
  padding: 0;
  background: url(http://www.stmivani.kx.cz/img/logo.png) no-repeat top left;
}

h1 span a 
{
  display: block;
  width: 900px;
  height: 150px;
}


Na stránce na který jsem tohle použil vypadal celý kód pro H1 takto.
Tučně máš označení vložení loga na pozadí a tag z-index, který zařídí překrytí "nějaký text" textu.
Chápeš to?
PS: o tagu z-index najdeš více na www.jakpsatweb.cz :-)

Kry5
Bubák
Profil
Kry5
Varianta, na kterou odkazuje srigi je vhodnější, protože má v odkaze text.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: