Autor Zpráva
Mufna
Profil
Zdravím Vás. Potřebuju, aby text odkazu v bloku s logem nebyl vůbec vidět. Logo je obrázek ve formátu GIF s nastaveným průhledným pozadím (potřebuji ho). Šachoval jsem s CSS vlastnostmi text-indent a font-size, a tak jak mám teď CSS kód, tak je to OK pouze ve Firefoxu 2+. V ostatních prohlížečích (Opera 9+, IE 6+ , Chrome) je tam malilinkaté písmo a je okem vidět (což nechci). Jde ten můj CSS kód nějak jednoduše upravit, aby text odkazu byl "neviditelný" ?
HTML:
<p id="topLogo"><a href="/">domů</a></p>

CSS:
#topLogo {
  position:absolute;
  top:40px;left:20px;
}

#topLogo, #topLogo a {
  width:120px;
  height:60px;
  background: url(/imgs/logo.gif) 0 0 no-repeat;
}

#topLogo a {
  display:block;
  text-indent:130px;  /* Opera, Chrome, IE nebere */
  font-size:0em;         /* ?? obecně nepomáhá */
  overflow:hidden;
  cursor:pointer;
  cursor:hand;
}
Darker
Profil
<a href="/"><p id="topLogo"></p></a>

Tohle by šlo, ne? Logo samo se stane odkazem.
Popř:
<p id="topLogo" onclick="window.location.href='cil odkazu';"></p>
Yur4Y
Profil
Proste
text-indent: -1000px
Trejpa
Profil
Mufna:
#topLogo a {
  display:block;
  overflow:hidden;
  cursor:pointer; /* proč? toto je výchozí hodnota */
  cursor:hand; /* proč? toto je výchozí hodnota (IE) */
  visibility: hidden;
}

Případně napozicovat z-indexem pod blok s pozadím.


Darker:
<a href="/"><p id="topLogo"></p></a>“ „Tohle by šlo, ne?
To by tedy nešlo.
Mufna
Profil
Yur4Y

jj, to je ono, díky :-)

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: