Dissociation du CSS

BberXIII81 · Message par **BberXIII81** » 11 avr. 2007, 22:32

Bonsoir,
Je souhaiterais savoir s'il m'est possible de dissocier le style CSS d'une page créer avec NVU ou Komposer vers une feuille de style (sans que j'ai à le taper, j'y connais rien)

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

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 11 avr. 2007, 23:42

Oui, c'est faisable.
Dans Kompozer, tu crées tes règles css à l'aide Kascades, puis ensuite tu les exportes dans un fichier.
Nvu utilise cascade qui est moins pratique que la version Kaze, mais c'est similaire.

Message par **Ymai** » 12 avr. 2007, 00:37

Juste pour illustrer ce qu'écrit mon collègue:
http://info.sio2.be/kpz/2/12.php

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

BberXIII81 · Message par **BberXIII81** » 12 avr. 2007, 10:10

C'est pas ce que je veux; j'ai créer une page à l'aide de NVU et le style CSS est associé avec le Html, c'est de là que je veux le dissocier vers un fichier. Pas mettre le CSS de côté au fur et à mesure de la création parce que j'y connais pas grand chose.

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

Message par **Ymai** » 12 avr. 2007, 11:22

Bonjour
Essayons de traduire

BberXIII81 a écrit :C'est pas ce que je veux; j'ai créer une page à l'aide de NVU et le style CSS est associé avec le Html,

ceci signifierait-il que nous parlons de feuille de style interne? Une zone de déclaration de styles figurerait dans le code HTML entre les balises
<style type="text/css"> et </style> ?

c'est de là que je veux le dissocier vers un fichier.

Il me semblait que l'on aurait pu traduire cela par: envoyer l'ensemble des directives de la feuille de style interne dans un fichier .css externe.
Mais je dois me tromper. Sur quel point?

Pas mettre le CSS de côté au fur et à mesure de la création

Là, j'ai du mal à traduire. Je crois qu'il va falloir me réexpliquer.

parce que j'y connais pas grand chose.

Merci pour les futures précisions.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

BberXII81 · Message par **BberXII81** » 12 avr. 2007, 13:10

Je m'excuse de mon inintelligibilité, je vais réessayer:
Ma page web est en un seul fichier où le CSS côtoie le xhtml dans les balises (comme tu le dit), moi je veux le mettre dans une feuille de style (fichier .css externe); Es-ce que NVU ou/et Komposer peuvent automatiser cette tache?
P.S. Je ne souhaite pas retaper ma page en triant moi même le xhtml d'un côté et le CSS de l'autre (Kascades) parce que je n'y connais rien. Si non, existe t-il un autre moyen (logiciel, astuce,...)
J'espère être plus clair. 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

Message par **chinon37** » 12 avr. 2007, 13:44

C'est possible et c'est très simple:
le css a du être créé par Kazcades, donc:
Tu ouvres Kazcades > clic sur "feuille de style interne" pour la sélectionner > clic sur "exportez la feuille de style et utiliser la feuille de style exportée" > donner un nom à la feuille (par exemple: "style1.css") et l'enregistrer dans le dossier contenant les fichiers du site.
Désormais, quand tu ouvriras Kazcades, à la place de "feuille de style interne" tu auras une feuille de style nommée "style1.css" qui sera un fichier séparé de la page html, mais que tu pourras continuer de compléter avec Kazcades.

Message par **Ymai** » 12 avr. 2007, 14:41

Ben... Il me semble que c'est ce que nous avions suggéré.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 12 avr. 2007, 14:51

Attention, chinon, je crois que ce que BberXII81 veut dire dans sa réponse à Ymai, c'est non pas qu'il a une feuille de style interne mais bien du style css "entrelardant" du code html.
Par exemple :

Code : Tout sélectionner

<html>
<body>
<h1 style="color:blue";">Mon titre</h1>
</body>
</html>

Une propriété css est attribuée à <h1> : c'est bien du css dans le html, c'est correct, mais ça n'a aucun intérêt puisque ça revient à faire du style à l'ancienne avant css. Aucun avantage.
BberXII81, voudrais-tu donner ton code? Ce serait plus simple, ou répondre à cette question, scrogneugneu!

:

Ymai a écrit :Une zone de déclaration de styles figurerait dans le code HTML entre les balises <style type="text/css"> et </style> ?

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

Message par **Ymai** » 12 avr. 2007, 15:02

Mongo Bob a écrit : du style css "entrelardant" du code html.

Ouh la la...
Il existerait un logiciel capable d'extraire les directives de styles dans le code HTML?
J'ai l'impression que ça me dit quelque chose.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 12 avr. 2007, 15:08

Je ne rentrerais pas dans ces subtilités, mais :
Nvu/Kpz permettent de faire ça, on en discutait un jour ici, ça peut être utile que pour faire un essai d'une propriété + rapidement qu'en passant par Kazcades et la feuille de style externe, juger de l'effet, et si ça plaît, supprimer du html et mettre dans la feuille de style.
Ca s'appele "styles internes", différent de "feuille de style interne".
C'est peut-être ce que BberXII81 a fait et veut, à juste raison, corriger.

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 · Message par **Mongo Bob** » 12 avr. 2007, 15:09

Au fait, si c'est ça qu'il a fait, la réponse à sa question est bien sûr négative : faudra qu'il se retape tout à la main.

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

BberXIII81 · Message par **BberXIII81** » 12 avr. 2007, 15:10

Quand j'ouvre Kascades, il n'y a rien, alors j'active le mode expert et l'on me propose 3 options: Feuille liée, feuille incorporée et règle. J'en déduis que l'équivalent de "feuille de style interne" c'est "feuille incorporée" que je sélectionne donc.
J'obtiens alors "Nouvelle feuille de style" et deux champs à saisir "liste des média"(que je ne remplis pas) et " titre"(pour suivre ton exemple je met "style1") j'appuie ensuite sur "crée la feuille de style". J'arrive ensuite à "Feuille de style" avec une case à cocher "désactiver la feuille de style", url "aucune, interne au document", liste des média "all", titre "style1" 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).
Effectivement le fichier a été créer et ma page y fait référence, mais j'ai toujours mon style CSS incorporé dans cette page et le fichier créer est vide.
Le CSS n'a pas été exporter vers ce dernier, où me suis-je trompé? fallait-il que je sélectionne "feuille liée"? J'essaye et rien non plus

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

Message par **chinon37** » 12 avr. 2007, 15:14

Oupsssss! Désolé, Ymai. J'essayais de dire différemment ce que tu avais mis dans ton tuto pensant que Bber n'avait pas compris ce que tu voulais lui dire dans ton tuto..

Après relecture, il semble bien que Bber cherche à regrouper tous les styles internes qu'il a semés au fil de ses pages

Il existe bien une fonction "extraire et créer un style générique". Je ne l'ai jamais utilisée. Pour la tester:
Clique droit sur une balise contenant un style interne, > styles internes > "extraire et créer un style générique".
Cela crée une feuille de style incorporée. Le style attaché à la balise disparaît au profit de la feuille de style. Ensuite, il est toujours possible d'exporter la feuille de style.

Mongo Bob · Message par **Mongo Bob** » 12 avr. 2007, 15:25

BberXIII81 a écrit :J'en déduis que l'équivalent de "feuille de style interne" c'est "feuille incorporée" que je sélectionne donc.

Exact.
Quand un débutant crée de la mise en forme par l'interface de Kpz, par exemple en sélectionnant du texte puis dans la barre principale "Format, Couleur du texte", ce sont des styles internes, du css dans les balises html, qui sont créés. C'est gênant, ça ne devrait pas, c'est une faiblesse du logiciel me semble-t'il.
Ceci devrait engendrer un avertissement de Kpz du genre "Voulez-vous créer une feuille de style?, "Oui/Non", si je veux juste faire un essai, je dis "Non".
Plus tard, le débutant veut évoluer et se dit qu'il voudrait bien avoir une feuille de style externe, et le voilà bien embêté.
Je n'arrive pas à retrouver la manip de chinon37 qui pourrait corriger ça et aider BberXIII81, d'autre part.

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

Geckozone

Dissociation du CSS

Dissociation du CSS

Qui est en ligne ?