11548 sujets

JavaScript, DOM et API Web HTML5

Script Roundies pas rond

Bonjour

J’essaie de faire fonctionner ce script tel qu’il est décrit sur http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

J’ai chargé roundies.js dans le même dossier que mon code Html de test :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<!--  http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html  -->
<!--[if lte IE 8]> <script type="text/javascript" src="roundies.js"> </script><![endif]-->
<script type="text/javascript">
DD_roundies.addRule('div.arrondi', '10px'); 
DD_roundies.addRule('h1', '10px'); 
DD_roundies.addRule('a', '8px');
</script>
</head>
<body>
<div class="arrondi">
<p>ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, ici un bloc arrondi, </p>
</div>
</body>
</html>


Le texte affiché, en IE8, n’est pas dans une boite à coins arrondis.

Merci par avance de votre aide.

Francois
Bonjour,

Je trouve que le script curvycorner ( http://www.curvycorners.net/ ) marche beaucoup mieux, la seule limitation, c'est qu'il ne marche pour des liens avec un changement de fond au hover, ce qui est une limitation toute à fait saine, vu que c'est pas vraiment une bonne idée d'imbriquer 15 span dans un lien.

Le script ne pèse pas 50k comme dit dans le tutoriel mais 8k compressé donc c'est vraiment super.
bonjour matmat et merci de ta réponse.

Je viens juste de regarder rapidement CurvyCorners qui parait bien.

La demo ne m'a pas montré, avec IE8, de coins arrondis; j'ai raté qqechose?

Sans abandonner Roundies, si quelqu'un pouvait m'expliquer ce qui me manque pour le faire éventuellement fonctionner.

Merci de votre aide.

Francois
bonjour

Pour le moment:
- curvycorners: la démo montre des coins carrés pas du tout arrondis
- roundies: ne montre aucun coin

Je n'ai donc toujours aucune solution à coins arrondis.

Merci de votre aide.

Francois
bonjour

Solution trouvée pour Roundies: mettre une couleur de fond puisque c'est toute la boite qui est créée et non pas seulement son trait de bordure.

Francois
Sujet clos
Aller à