Titre: Mettre un text dans un div avec NiftyCube
Posté par: apt le le 01-02-2007 a 21:50:32
Bonsoir,
Je voulais afficher un titre dans un div à coins arrondis mais je n'arrive toujours pas à le concretiser.
voilà le code :
Code:
<!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> |
|
voici le lien (http://www.html.it/articoli/niftycube/nifty1.html) de la page depuis je tire mon code.
Des correstions pour ce code ?
Merci d'avance :) |
Titre: Re:Mettre un text dans un div avec NiftyCube
Posté par: TinMar le le 03-02-2007 a 12:36:16
j'ai cherché dans google à "cadre coin arrondi"
et j'ai trouvé un super tuto !
http://www.alsacreations.com/articles/cadre/ (http://www.alsacreations.com/articles/cadre/)
J'ai trouvé aussi:
http://gcyrillus.free.fr/trucs_css/coins-arrondis-compatible-IE-en-css.html (http://gcyrillus.free.fr/trucs_css/coins-arrondis-compatible-IE-en-css.html)
ca marche pour tout. Sinon une autre solution qui ne marche que ss Mozilla et Opera en CSS via propriété "-moz-border-radius"
L'exemple que tu donnes utilise un fichier Javascript |
Titre: Re:Mettre un text dans un div avec NiftyCube
Posté par: apt le le 04-02-2007 a 03:07:33
alsacreations utilise les images pour les coins arrondis.
pour le deuxieme lien, c'est un debut ...
en ce qui concerne NiftyCube, il donne plusieurs pour realiser des shapes arrondis.
Mais peux-tu essaye de lancer la page :
http://www.html.it/articoli/niftycube/index.html
depuis ton disque dur.
parce que ce qui m'etonne ce que la meme page quand elle est excuter depuis le site de l'auteur donne des formes arrondis, mais une fois sauvegarder sur le disque dur et ensuite relancer donne des formes carrés tout simplement ... ! ???
Pourquoi a ton avis ?
Merci.
|
Titre: Re:Mettre un text dans un div avec NiftyCube
Posté par: TinMar le le 04-02-2007 a 10:41:15
| En bas de la page il y un zip avec tous les exemples. |
Titre: Re:Mettre un text dans un div avec NiftyCube
Posté par: apt le le 04-02-2007 a 23:22:06
Merci TinMar.
Je vais essaye d'exploiter ces exemples :D |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|