Autor Zpráva
PointFrost
Profil
zdravim, vytvářím simulaci tooltipu pomoci CSS nechci na to použit JS...
problem je v IE6 ve kterem mi kod nefunguje, nevíte proč?
tooltyp je realizovan divem kterej dostane vlastnost visible když se ocitne v a:hover:
(vnorenych divu si nevsimejte, casem je budu potrebovat, nejsou tam bezduvodne)

css:

a div {
position: relative;
font-size: 90%;
font-weight: normal;
text-align: left;
}
a div div, a:link div div, a:visited div div, a:active div div{
text-decoration:none;
color:#000;
display: block;
position: absolute;
visibility: hidden;
top: 0;
left: 0;
padding: .2em .5em;
width: 25em;
background: #ccc;
z-index:150;
}
a:hover div div{
visibility: visible;
}

html:

<a href="..." title="...">
...nazev...
<div><div>...text tooltypu...</div></div>
</a>


cely odkaz je v dalsím divu který je float:left ... v ie6 se div s tooltypem proste nezobrazi. Jinak funguje v prohlizecich FF,IE7,Safari,Camino.

Díky za rady.
pointfrost@seznam.cz
Plaváček
Profil
Zkus se inspirovat tímto kodem. Třeba.


http://klient.plavacek.net/tooltip.html
PointFrost
Profil
diky za fungujici přiklad
bohužel upravuji kod u kterého nemužu upravit stkrukturu všech prvků, takže chyba u mě bude asi jinde a diky omezeni přeskladat html kod bude neřešitelná

i přesto děkuji :)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0