Vous avez besoin d'aide ? Posez votre question sur le forum, il y a aura toujours un membre pour vous conseiller, et vous dépanner. Poser une question.
Participer, encore 266 messages sans réponses
Le forum de Savoir Tout faire, Comment enregistrer cette feuille de style css ?

La solution au problème n'a pas été trouvée pour l'instant Comment enregistrer cette feuille de style css ?

Forum-> Créer un site Internet
Poster un nouveau sujetRépondre au sujet
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
jacqualbert

Membre débutant
Inscrit le: 26 Sep 07
Messages: 11

MessagePosté le: 19 Oct 2007 20:31 
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 assidu
Inscrit le: 12 Sep 07
Messages: 2942

MessagePosté le: 19 Oct 2007 21:22 
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 07
Messages: 11

MessagePosté le: 20 Oct 2007 8:37 
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 07
Messages: 11

MessagePosté le: 20 Oct 2007 19:44 
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 assidu
Inscrit le: 12 Sep 07
Messages: 2942

MessagePosté le: 21 Oct 2007 8:57 
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 07
Messages: 11

MessagePosté le: 21 Oct 2007 10:42 
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 assidu
Inscrit le: 12 Sep 07
Messages: 2942

MessagePosté le: 22 Oct 2007 15:47 
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 07
Messages: 11

MessagePosté le: 26 Oct 2007 19:27 
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 assidu
Inscrit le: 12 Sep 07
Messages: 2942

MessagePosté le: 27 Oct 2007 19:03 
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 07
Messages: 11

MessagePosté le: 28 Oct 2007 7:53 
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
Montrer les messages depuis:   
Poster un nouveau sujetRépondre au sujet    Savoirtoutfaire Index du Forum -> Créer un site Internet Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1




 

Sujets similaires du


Comment créer un site internet ?
Creer mon propre site internet
Comment créer un site Internet ?
Avis pour creer un site internet ?
Comment créer un site internet tout simple ?
Que choisir : Blog ou Site Internet ?
Comment réaliser un site Internet ?
Comment éditer son site internet ?
Comment insérer des mp3 sur site internet ?
Comment faire un site internet gratuitement ?
Comment faire une messagerie sur mon site Internet ?
Que choisir entre un site internet ou un blog ?
Comment mettre un fichier excel sur un site internet ?
Quels choix pour la création d'un site internet ?
Quel compteur de visite pour un site internet ?

Liens Google


Mots clés :

dvd dossier code web internet document base format données vista google image droit php fenêtre html dur créer word configuration ordi page options ordinateur gratuit système coller jpg logiciel texte choisir programme mail erreur windows supprimer disque carrelage bureau gauche clic menu pc fichier firefox ligne télécharger version photo connexion
Administratif et JuridiqueAdministratif et Juridique ApicultureApiculture AutomobileAutomobile BeautéBeauté BonsaïBonsaï CoutureCouture CuisineCuisine DécorationDécoration ÉconomiesÉconomies ÉlectricitéÉlectricité ÉlectroménagerÉlectroménager ÉlectroniqueÉlectronique FleursFleurs InternetInternet MaçonnerieMaçonnerie ModélismeModélisme NettoyageNettoyage OrigamiOrigami PhotoPhoto PlomberiePlomberie PotagerPotager SantéSanté SolfègeSolfège Travail du boisTravail du bois TricotTricot VidéoVidéo