Dissociation du CSS

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Je n'arrive pas à retrouver la manip de chinon37 qui pourrait corriger ça et aider BberXIII81, d'autre part.
Si, clic droit sur l'intitulé de la balise dans la barre du bas, dont le nom me reste inconnu, ça marche!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
BberXIII81

Message par BberXIII81 »

Mongo Bob à bien compris mon problème,
Quant à Chinon37, je ne possède pas un tel bouton, du moins je le trouve pas, peux tu être plus précis? Les seuls boutons que j'obtiens son "supprimer tous les styles de texte" ou "annuler le style de texte".
On dirait bien que NVU et Komposer ne possèdent pas une tel fonction pour retirer le style CSS, c'est très dommage. Peut-être un autre logiciel?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

BberXIII81, 2 choses :
1/ Tu ne peux créer une feuille de style externe que si tu en as déjà une interne. Donc, tu ne fais ceci :
BberXIII81 a écrit :="et un bouton "exportez la feuille de style et utiliser la feuille de style exportée" (j'appuie et indique le nom du fichier à créer et son emplacement).
que après avoir créé une 1ère propriété css en feuille interne. Ceci fait, tu sortiras et rentreras dans Kazcades pour sélectionner cette même feuille interne, et l'exporter pour en faire une externe!
2/ Ensuite, pour mettre les styles css existant déjà dans cette feuille et bêtement incorporés dans le html, clic droit sur l'intitulé d'une balise ainsi infectée dans la barre du bas qui énonce toutes les balises de ta page html, là, "Styles internes et extraire et créer un style générique" (cf chinon37), cocher "cet élément uniquement" pour créer une id ou cocher "tous les éléments de classe" pour une classe, donner un nom pour l'id ou la classe, faire "OK", ton style interne a disparu du html est s'est retrouvé dans la feuille de style que tu as créé, ça marche, mais y'a du boulot (enfin, ça dépend de ce que tu as pu faire jusqu'ici).


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
BberXIII81

Message par BberXIII81 »

Ok, super, merci à tous....Au travail maintenant
bonne continuation.....

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

J'oubliais : après les cas de l'id ou de la classe, il faut choisir "Tous les éléments de même type" pour attribuer des css à la balise html elle-même (pour le coup, cette propriété se mettra bien dans la feuille de style aussi, OK?). Ouf! Encore appris quelquechose, moi! :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
BberXIII81

Message par BberXIII81 »

D'accord,
Ouf! Encore appris quelquechose, moi!
Et moi donc!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Mongo bob: barre du bas = barre des tâches
Tu ne peux créer une feuille de style externe que si tu en as déjà une interne.
Nan, nan! en regardant bien Kazcades, tu verras en bas de la fenêtre une petite case à cocher:"mode expert".
Si la case n'est pas cochée, on ne peut créer qu'une feuille de style incorporée, mais en mode expert (case cochée) on a le choix entre "feuille liée" (fichier externe), "feuille incorporée" (feuille de style dans l'entête de la page html) ou "règle" qui crée automatiquement, à la création de la 1ere règle, une feuille de style incorporée
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

<edit>
Bon, je reprends tout :
Le choix "feuille liée" me paraît demander une feuille externe déjà créée, bref, pour créer une nouvelle feuille externe, je ne vois que sélectionner la feuille interne et faire "exporter". Tout ça en mode "expert", "expert" non coché n'a pas d'intérêt.</edit">
La barre des tâches, oui merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

exact, je n'avais pas remarqué:
il faut donc créer un fichier vide dans le répertoire du site (exemple: style1.css) pour pouvoir démarrer une feuille css liée avec Kpz. Bizarre!
Le fichier vide pourra facilement être créé avec notepad++, mais ça alourdit la procédure.
Cela peut être fait dès la création de l'arborescence du site, mais demande de l'anticipation.
pour créer une feuille de style externe:
dans un éditeur de texte, ouvrir un nouveau document (vide), > enregistrer sous > choisir le répertoire du site > donner un nom de fichier suivi de l'extension .css (ex.: style1.css)
Dans Kpz > Kazcades en mode expert > clic sur l'icône "palette de peintre" > feuille liée > url: adresse du fichier dans le répertoire du site (ex.: file:///C:/monsite/styles/style1.css )
média: all (tous) ou screen (écran) ou print (impression)
titre: au choix de l'utilisateur (ex.: feuille style 1)

Une fois la feuille de style créée, il suffit de re-cliquer sur l'icône "palette" (la feuille de style sélectionnée) et de choisir règle pour créer la première règle.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Oui ou alors, me paraît moins abstrait pour un débutant d'exporter sa feuille de style dés la 1ère propriété créée dans la feuille interne.
Bah, l'un ou l'autre, quoi.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

j'ai mis un post dans "bogues et écueils de Kpz" dans lequel je propose (d'ailleurs :wink: ) les deux solutions :P
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

J'ai vu et je rectifie : c'est pas la peine (ce le fut peut-être jadis) de créer une 1ère règle, on peut exporter la feuille + simplement comme tu le dis (je parle de la 2ème soluce).

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité