Afficher un titre dans DIV a coins arrondis

apt · 1 Février 2007

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

karnabal · 1 Février 2007

Salut,

Tu ne postes pas ton fichier javascript niftycube.js (vérifie qu'il soit bien lié d'ailleurs) ni ta css niftyCorners.css (noté que certains styles figuraient dans ton document HTML) ?

Tu peux récupérer le code ici.

apt · 1 Février 2007

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 :?:

f_trt · 2 Février 2007

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é 2 Février 2007 par f_trt

apt · 24 Février 2007

oui j'ai deja vu ce site mais je ne l'ai pas encore utilisé ...

merci f_trt

Connexion

Afficher un titre dans DIV a coins arrondis

Sujets conseillés

apt

karnabal

apt

f_trt

apt

Veuillez vous connecter pour commenter

Parcourir

Activité