Aller au contenu

Afficher un titre dans DIV a coins arrondis


apt

Sujets conseillés

Bonsoir,

Voila je voulais adapter une page exemple donnée sur le site de Nifty pour afficher un titre dans un div a coins arrondis, mais je ne me suis pas errivé :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: Javascript and CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 20px;background: #fff;color: #222;text-align: center;
font: 85% "Trebuchet MS",Arial,sans-serif}
h1,h2,p{margin: 0;padding: 0 10px;font-weight:normal}
p{padding: 0 10px 15px}
h1{font-size: 250%;color: #FFF;letter-spacing: 1px}
h2{font-size: 200%;line-height:1;color:#002455 }
div#container{width:450px !important; width /**/:460px;
margin: 0 auto;padding:5px;text-align:left;background:#FFF}
div#header{background: #BFDDED;padding: 10px;text-align:center}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#header,"small");
}
</script>
</head>
<body>
<div id="container">
<div id="header"><h1>Essai de Nifty Corners</h1></div>
</div>
</body>
</html>

Comment dois-je proceder ?

Merci d'avance :)

Lien vers le commentaire
Partager sur d’autres sites

J'ai sauvegarder cette page sur mon DD.

Ensuite j'ai mis le fichier niftycube.js dans le me emplacement que nifty1.html

J'ai change dans le code le chemin pour rechercher niftycube.js :

<script src="niftycube.js" type=text/javascript></script>

J'ai lancé la page nifty1.html, mais voilà pas de coins arrondis :?: :!:

Ou est le probleme :?:

Lien vers le commentaire
Partager sur d’autres sites

Pas d aide de ma part mais si cela peut aider peut-être en comparant les codes générés voici un lien sympa qui permet de choisir a partir d'un rayon les arrondis, les couleurs et tu obtiens le code et les images.

J'ai oublié pas d'histoire de javascript juste du css html et gif.

A+

Modifié par f_trt
Lien vers le commentaire
Partager sur d’autres sites

  • 4 semaines plus tard...

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...