[CSS] Recherche un IE hacker :)

Salut a tous :hello:
Sur ce site http://www.gentoo-portage.com/app-editors/emacs/Screenshots on peut voir un magnifique effet de survol Tooltip au survol des liens, en bas a droite :D.
Il marche sous Netscape et FF mais pas sous IE :confused:
Pourtant des effets similaires etait compatibles il me semble avec lui il me semble?
Si quelqu’un pouvait m aider a corriger ce probleme tres ennuyeux
Voici la partie CSS:

/* hover thingies */
td.nav_cell div{
	display: none;
	position: absolute;
	border: 1px solid black;
	width: 46em;
	background-color: #f0f5ff;
	font-size: 1.2em;
	padding: .8em;
	margin-right: -38em;
	margin-top: 0em;
	opacity: 0.85;
}
td.nav_cell:hover div{
	display: block;
}

td.nav_cell div:before{
	content: "Informations";
	display: block;
	border-bottom: 1px solid #999999;
	padding-left: 1em;
	font-weight: bold;
	margin-bottom: .5em;
	font-family: georgia, sans-serif;
	font-style: italic;
	text-align: right;
}
td.nav_cell div span{
	display: block;
	font-weight: bold;
}
td.nav_cell div p{
	margin: 0;
	padding: 0;
	padding-left: 2em;
	font-size: 1em;
}
td.nav_cell div:hover{
	display: none;
}

et le code html:

<tr>
         <td class="nav_cell">
  
         <a href="/app-dicts/aspell-da" title="">aspell-da - 1.4.50</a>
            <div>
               <span>app-dicts/aspell-da-1.4.50</span><br>      
               <span>Description</span>
        <p>Danish language dictionary for aspell</p>
        <span>Keywords</span>
               <p>x86 ppc sparc mips alpha arm hppa amd64 ia64 ppc64</p>
           </div>
        </td>
     </tr>

Le probleme majeur est que je n’est IE qu’au bureau, en attendant de linstaller via Qemu ou autre…
Cordialement

/* hover thingies */
td.nav_cell div{
	display: none;
	position: absolute;
	border: 1px solid black;
	width: 36em;
	background-color: #f0f5ff;
	font-size: .9em;
	padding: .8em;
	margin-left: -38em;
	margin-top: -4.8em;
	opacity: 0.85;
}
td.nav_cell:hover div{
	display: block;
}

C’est bien ça.

Le :hover ne s’applique sur les liens (a) en IE-CSS. Donc pas besoin de faire un topic pour ça. C’est normal.

Le plus simple maintenant pour toi c’est de “rajouter” cette fonctionnalité à IE et pour cela tu utilises javascript, va voir Suckerfish

Ben tu as plus simple, suffit de foutre ça dans un lien. Genre:

<a ...><span>...</span></a>

a span { display: none; }
a:hover span { display: block; ... }

C’est pas très propre, mais y a pas le choix (ou alors js)

Merci SN, je crois que je l’avais ce tips.
Désolé de pas avoir repondu avant mais jetait au boulot et c’etait une journée chargée…
A ce propos, ma doc CSS mediabox a pas l’air a jour, laquelle est la plus complete ?
(et qui affiche si possible les compatibilitées ? )
Autre point, pour JS comment faire du js propre et compatible.
J’ai toujours eu des prejuger, mais il me semble SN que tu trouve ca pas mal le JS si c’est du propre(dailleur ff l’utilise).
Une derniere chose, jai perdu mes bookmarKs et surtout l’adresse d’un site sur le CSS tres bien fait montrant plein de choses comme des jeux en CSS !
Esce que quelqu un la sous la main?

EDIT: MErci Exo7 pour le lien, j’ai essayer en speed mais ca marchait pas, en tout cas le site a l’air interessant :miam:

Cordialement

Ca :

http://nanobox.chipx86.com/browser_support.php

Pour JS? Faire du JS Compatible? Ben tu teste d’abord sur Firefox et après sous IE. IE ajoute des fonctionnalités propres (comme d’hab).

J’ai jamais dis que javascript c’était mal, mais j’ai toujours dis qu’il fallait le limiter à un usage utile.

J’ai fait ca http://fromscrach.dyndns.org/pub/css-tricks/tooltip.html
Par contre j’arrive pas a afficher le Informations avec le trait fin horizontal, que ce soit sous ie et FF :ane:
tu peux m’aider stp :paf:

marche pas ton serveur. Renew ton ip…

Excuse, il est up la
en plus c’etait pas la bonne adresse, voila: http://fromscratch.dyndns.org/pub/css-tricks/tooltip.html
IL tourne jusqua 20h ce soir au moins