Comment enregistrer cette feuille de style css ?

jacqualbert · Membre débutant Inscrit le: 26 Sep 2007 Messages: 11

Bonjour,

Je souhaite éditer sur mon site des cadres avec bords arrondis.
J'ai trouver sur le net un code html et css qui permet cette réalisation.
Lorsque je recopie les lignes de codes cela ne donne pas l'effet voulu.
Où est le problème?
Pour info, je suis loin d'être un pro du langage html.

Voici l'adresse du site qui donne l'astuce:

http://www.html.it/articoli/nifty/index.html

Merci pour votre aide.

JCinFo · Membre expert Inscrit le: 12 Sep 2007 Messages: 819

Bonsoir,

Tu cliques sur le lien:

http://www.html.it/articoli/nifty/index.html

L'explorateur internet s'ouvre, sur la barre tu fais "Affichage / Source" et tu as le code du cadre avec la syntaxe correcte.

Courage

Sls

jacqualbert · Membre débutant Inscrit le: 26 Sep 2007 Messages: 11

Bonjour JCinfo,

Impeccable.
Je me battais depuis des heures avec ce code.
J'ignorais cette manip d'afficher le code source dans le navigateur.
Encore merci pour ta réponse.
Bon week-end.
JacquAlbert

jacqualbert · Membre débutant Inscrit le: 26 Sep 2007 Messages: 11

Bonjour,

Me revoilà.

La manip comme je le disais fonctionne sans problème lorsque je colle les codes dans mon bloc-notes qui me sert à faire les essais d'affichage dans le navigateur.

Mais, lorsque je colle ces codes dans le logiciel "Nvu" que j'utilise pour la réalisation du site, j'obtiens bien le cadre avec le fonds,le texte, mais les coins restent rectangulaires.

Avez-vous une idée du bug ?

Merci.

JCinFo · Membre expert Inscrit le: 12 Sep 2007 Messages: 819

Bonjour,

Erreur de lien dans le code

http://127.0.0.1:37935/xpopup.js
nifty.js
niftyCorners.css
niftyPrint.css

Courage

Sls

jacqualbert · Membre débutant Inscrit le: 26 Sep 2007 Messages: 11

Bonjour,

J'ai essayé le lien, mais la page est introuvable.

Dès que je passe sur le logiciel "Nvu", les arrondis restent à angle droit alors que comme je l'ai dit plus haut, le résultat est bon en écrivant tout simplement le html sur une simple page du bloc notes.

Voici le code source que j'ai sur Nvu. A quel endroit faut-il modifier les nifty ?

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8"
http-equiv="content-type" />
<title>Page essai</title>
<style type="text/css">
body{padding: 20px;background-color: #FFF;
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
p{padding-bottom:1em}
div#nifty{ margin: 0 10%;background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div id="nifty">
<h1>Essai de bords arrondis</h1>
<p>Texte à insérer</p>
</div>
</body>
</html>

Encore merci.

JCinFo · Membre expert Inscrit le: 12 Sep 2007 Messages: 819

Bonjour,

J'ai fait pas mal d"essai et j'ai l'impression que Nvu gère mal certains paramètres.

Par contre "HAPedit" gère mieux le javascript

Il faut faire réference au script (xxxxx.js)

Ci-joint le fichier html et les scripts qui marchent

http://dl.free.fr/c7Rm7DCkg/JCinFo.rar

Courage

Sls

jacqualbert · Membre débutant Inscrit le: 26 Sep 2007 Messages: 11

Bonjour JCinfo,

J'étais absent quelque jours.
J'ai téléchargé HAPedit et c'est très intéressant.
Je transfert les données de Nvu vers HAPedit comme celà je n'ai plus de problèmes de codages.

Pour les bords arrondis, j'avance lentement, mais j'avance.

Encore merci pour votre aide.

JacquAlbert

JCinFo · Membre expert Inscrit le: 12 Sep 2007 Messages: 819

Bonsoir,

Un très bon logiciel pour le javascript"javascript collector 1.1"

Site Green cow Software

Courage

Sls

jacqualbert · Membre débutant Inscrit le: 26 Sep 2007 Messages: 11

Bonjour JC info,

Javascript Collector, c'est "noël" avant l'heure.

Une multitude de scripts. une vraie caverne d'Ali Baba.

A essayer par tous les lecteurs du forum qui comme moi ne sont pas (encore) des pros de la création de sites Web.

Encore merci pour votre aide.

JacquAlbert