| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
#1 · Zasláno: 31. 5. 2010, 20:14:06 · Upravil/a: Mufna
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 |
#2 · Zasláno: 31. 5. 2010, 20:27:29 · Upravil/a: Darker
<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 |
#3 · Zasláno: 31. 5. 2010, 21:03:15
Proste
text-indent: -1000px |
||
| Trejpa Profil |
#4 · Zasláno: 31. 5. 2010, 22:23:10
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 |
#5 · Zasláno: 31. 5. 2010, 22:33:54
Yur4Y
jj, to je ono, díky :-) |
||
|
Časová prodleva: 14 let
|
|||
0