Autor | Zpráva | ||
---|---|---|---|
PointFrost Profil |
#1 · Zasláno: 22. 1. 2007, 09:57:29
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 |
#2 · Zasláno: 22. 1. 2007, 10:20:58
|
||
PointFrost Profil |
#3 · Zasláno: 22. 1. 2007, 10:56:14
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 :) |
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0