Javascript arrondi des coins d'un block pour IE

gwenael22

13 Feb 2011 à 20:35

Bonjour,
je ne parviens pas à faire fonctionner ce script.
J'ai un doc.html et un doc.CSS
Le block à arrondir s'appelle "block2"
Ou dois-je placer la ligne:

DD_roundies.addRule('block2', '10px'); (et l'écriture est-elle correcte?)

Je ne sais pas si je dois la placer dans le .html, le .css ou même dans le script. J'ai essayé les trois en vain. Quel est donc l'emplacement exact. Entre quelle et quelle ligne et l'écriture est-elle bonne.

Voici mon doc.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>


<title>corps seul</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="designcorps" href="designcorpsseul.css" />
</head>
<body>
<div id="block2">
</div>
</body>
</html>

et voici mon doc.css:

body
{
width: 1024px;
margin: auto;
margin-top: 10px;

margin-bottom: 10 px;
background-image: url("images/fondweb3.jpg");
color: red; /

}

#block2
{
margin: auto;
width: 1024px;
height: 500px;
text-align: center;
font-size: 20px;
color: red;
background-color: green;

-moz-border-radius: 30px;
}

Merci d'avance pour vos lumières... Smiley biggrin

tets88

11 Mar 2011 à 14:23

Hello,

Ta ligne DD_roundies.addRule('#block2', '10px'); doit être écrite dans le javascript DD_roundies.js, tout à la fin (après le dernier }, celui qui ferme le if (DD_roundies.IE8...).

N'oublie pas le # ou le . pour identifier l'id ou la classe de ton bloc.

Dans ta CSS, tu peux ajouter, pour ton #block2, les propriétés

border-radius:10px;
-webkit-border-radius:30px;

pour que tes arrondies fonctionnent aussi sous Safari et Chrome.