Coins Arrondis sous IE6 et sans image !

Roundies.js c'est le nom de la librairie génialissime qui permet de produire dans angles arrondis sous IE6...

Comme vous le savez les arrondis via CSS ne fonctionnent qu'à partir d'IE9... Du coup, c'est un peu l'enfer pour IE6.

Grâce à Roundies.js vous allez pouvoir définir des DIV avec angles arrondis en une ligne :

<div class="madivarrondie">
   <p> bla bla bla </p>
</div>

<script type="text/javascript">
   $(document).ready(function(){
       DD_roundies.addRule('div.madivarrondie', '8px');
   });
</script>

Si vous utilisez JQuery UI et la fonction Accordeon, vous remarquerez que sous Firefox vous visualisez bien des angles arrondis, par contre sous IE6 rien à faire... La solution :

 

 

<!--[if IE]><script type="text/javascript" src="js/Roundies.js"></script>

<script type="text/javascript">
   DD_roundies.addRule('.ui-corner-all', '8px');
   DD_roundies.addRule('.ui-corner-top', '8px 8px 0 0');
   DD_roundies.addRule('.ui-corner-bottom', '0 0 8px 8px');
   DD_roundies.addRule('.ui-corner-right', '0 8px 8px 0');
   DD_roundies.addRule('.ui-corner-left', '8px 0 0 8px');
   DD_roundies.addRule('.ui-corner-tl', '8px 0 0 0');
   DD_roundies.addRule('.ui-corner-tr', '0 8px 0 0');
   DD_roundies.addRule('.ui-corner-br', '0 0 8px 0');
   DD_roundies.addRule('.ui-corner-bl', '0 0 0 8px');
</script>

<![endif]-->

 

http://www.dillerdesign.com/experiment/DD_roundies/

A propos de l'auteur

 

Développeur depuis plus de 10 ans, j'ai commencé la programmation dès l'âge de 9 ans sur un PC 8088 !!

GW-Basic, Pascal, Turbo Pascal, Delphi ont fait mes bases... Puis Java , bien plus tard... Pour enfin avoir découvert le C#... Quel plaisir de développer avec ce langage des solutions ASP.NET... Le développement Web comme jamais je ne pouvais l'imaginer possible :)

Aujourd'hui titulaire du MCSD VS 6.0, MCAD .NET, et MCT ...

Sur ce blog, je souhaite partager des choses simples mais efficaces... Des problèmes de tous les jours que l'on peut rencontrer et qu'il est simple de régler :)

Mes certifications

Month List