Commentaires sur : Css Tooltip ultra simple http://www.webcssdesign.com/css/css-tooltip-ultra-simple/ Web Css Design, CSS design, xHTML, HTML 5, ajax jQuery, SEO, tout pour la création et le référencement SEO de sites web Thu, 08 Sep 2011 09:55:35 +0000 hourly 1 Par : Miriave http://www.webcssdesign.com/css/css-tooltip-ultra-simple/comment-page-1/#comment-1259 Miriave Mon, 12 Jul 2010 15:47:46 +0000 http://www.webcssdesign.com/?p=198#comment-1259 Très simple mais très utile, Merci :) Très simple mais très utile,
Merci :)

]]> Par : Sam http://www.webcssdesign.com/css/css-tooltip-ultra-simple/comment-page-1/#comment-484 Sam Tue, 21 Apr 2009 08:23:11 +0000 http://www.webcssdesign.com/?p=198#comment-484 J'ai essayé ce tooltip. Il est très simple d'utilisation, cependant je me permets une remarque : pour qu'il marche sous mozilla firefox ET sous IE, il faut simplement déplacer le width de "a.tooltip span " à "a.tooltip:hover span". Soit le code CSS suivant : a:hover {background-color:#ffffff; text-decoration:none;} /* background-color pour IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:10px;} a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#dd; width:150px;} Merci pour cette astuce Admin ;) J’ai essayé ce tooltip. Il est très simple d’utilisation, cependant je me permets une remarque :

pour qu’il marche sous mozilla firefox ET sous IE, il faut simplement déplacer le width de « a.tooltip span  » à « a.tooltip:hover span ». Soit le code CSS suivant :

a:hover {background-color:#ffffff; text-decoration:none;} /* background-color pour IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:10px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#dd; width:150px;}

Merci pour cette astuce Admin ;)

]]>