[résolu] L'éditeur CSS ne prend pas les modifs de police

[chinon37]

une classe menu_lateral_p

non, une classe menu_lateral p avec un espace entre lateral et p qui veut dire "les paragraphes du menu latéral" ou les balises<p> des <div> ayant été affectés de la classe menu_lateral.

[Kazé]

J'ai créé une classe menu_lateral_p comme tu le suggères.

Nan. J'ai suggéré de créer une règle "menu_lateral p" (avec l'espace), qui s'applique aux paragraphes contenus dans un élément de classe "menu_lateral", et non une classe "menu_lateral_p"...

Je viens de tester sur cette page, ça fonctionne bien.
Pour créer une nouvelle règle, ouvre l'éditeur CSS, clique sur "Règle", et si tu n'utilises pas KaZcadeS en mode expert, sélectionne bien le troisième item "style appliqué à tous les éléments correspondant au sélecteur ci-dessous".

Pire, si j'accède à l'éditeur depuis une autre page qui utilise la même feuille de style, cette dernière règle n'apparait pas, alors que la feuille de style lue dans un éditeur de texte comporte bien ma nouvelle classe.
Si je ferme tout, ma classe apparait dans les 2 pages, mais n'y donne pas la même taille de caractère...

Pour ça, je ne sais pas.
Ca mériterait plus de test mais là je bosse sur autre chose...

[Kazé]

ADSL - RTC : 1 partout

[Invité]

une classe menu_lateral_p

non, une classe menu_lateral p avec un espace entre lateral et p qui veut dire "les paragraphes du menu latéral" ou les balises<p> des <div> ayant été affectés de la classe menu_lateral.

Merci de la précision. Y a pas tout dans les tutoriels !

J'ai supprimé ma classe foireuse et créé menu_lateral p.
Le seul problème c'est que je ne vois pas comment l'appliquer, car elle n'apparait pas dans la liste des classes. Ou alors c'est automatique ?
D'autre part, je ne peux changer la taille de la police: il prend, je ferme, je rouvre la règle et le changement n'a pas été conservé. Le fichier .css n'a pas été modifié.

[Kazé]

Le seul problème c'est que je ne vois pas comment l'appliquer, car elle n'apparait pas dans la liste des classes. Ou alors c'est automatique ?

Oui, si tu as bien créé une règle "menu_lateral p" (cf. mon message ci-dessus), c'est automatique, elle s'applique aux lignes de ton menu.

D'autre part, je ne peux changer la taille de la police: il prend, je ferme, je rouvre la règle et le changement n'a pas été conservé. Le fichier .css n'a pas été modifié.

Si tu modifies la taille de la police dans cette règle "menu_lateral p", tu verras bien l'effet sur ta page, et le fichier .css devrait être modifié. Tout du moins, ça fonctionne sur mon poste :

Code : Tout sélectionner

/* Generated by KaZcadeS */

body {
    font-family: Arial,Helvetica,sans-serif;
    background-image: url(images/fond_page.gif);
    text-align: left;
}
h1 {
    color: #000000;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: large;
    line-height: 1cm;
}
h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: medium;
    line-height: 0.6cm;
}
li {
    text-align: left;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    list-style-image: url(Images/puce-verte.gif);
}
p {
    text-align: left;
    font-size: 16px;
    background-color: transparent;
    font-family: Arial,Helvetica,sans-serif;
}
.surlignevert {
    background-color: #339999;
}
.surligneviolet {
    background-color: #cc33cc;
}
.surlignejaune {
    background-color: #ffff00;
}
.titre_rouge {
    text-align: center;
    font-weight: bold;
    color: #ff0000;
    font-size: x-large;
}
.menu {
    font-family: Times New Roman,Times,serif;
    text-align: left;
    font-size: large;
}
.div class {
    border-color: #ff0000;
    border-width: 1px;
    display: table;
}
.table_accueil {
    border: 1px solid #000000;
}
.menu_lateral {
    border: 3px solid #990000;
    font-family: Courier New,Courier,monospace;
    position: fixed;
    width: 6cm;
    line-height: 10px;
    font-size: 10px;
    text-align: center ! important;
}
.menu_lateral p {
    font-size: 10px;
}

PS: peut-être que ça ne fonctionne pas sans KaZcadeS, quelqu'un a-t'il le courage de faire le test ?

[Michel Aix]

Si tu modifies la taille de la police dans cette règle "menu_lateral p", tu verras bien l'effet sur ta page, et le fichier .css devrait être modifié. Tout du moins, ça fonctionne sur mon poste (avec KaZcadeS) :

Merci, en fait l'éditeur CSS doit foirer complètement car il ne tient pas compte de ce que je lui entre, en tant que modification. La feuille css est la suivante (la partie concernée):

Code : Tout sélectionner

  .menu_lateral { border: 3px solid #990000;
    font-family: Courier New,Courier,monospace;
    position: fixed;
    width: 6cm;
    line-height: 10px;
    font-size: 10px;
    text-align: left ! important;
    }

  menu_lateral p { font-size: 12px;
    line-height: 10px;
    }

Il y a contradiction entre les tailles de police dans menu_lateral et dans menu_lateral p.

Je crois que je vais changer d'éditeur.

PS des difficultés d'identification sur le forum m'ont fait passser pour un invité.

Michel Aix

[Do-IT]

Il manque un point devant menu_lateral p

Code : Tout sélectionner

.menu_lateral p { font-size: 12px;
    line-height: 10px;
    } 

Non ?

[Michel Aix]

Il manque un point devant menu_lateral p

Code : Tout sélectionner

.menu_lateral p { font-size: 12px;
    line-height: 10px;
    } 

Non ?

NOn, je ne crois pas, ce n'est pas une classe, si j'ai bien compris

Pour Kaze: J'ai installé KaZcadeS. C'est beaucoup plus ergonomique, par contre ça n'améliore pas mon problème.
Les changements de police sont enregistrés, mais pas appliqués.
Je travaille sur 2 pages. L'éditeur accepte des hauteurs de fonte différentes sur chaque page, ce qui m'étonne. De toutes façons il ne les applique pas et la feuille de style a une valeur différente: 10 px, alors que la page Qui sommes-nous a 6 px (valeur de test, rassure-toi) et la page Que faisons-nous 15 px.
En fait on dirait qu'il faut appliquer la taille de fonte sur chaque ligne de mon menu latéral, via propriétés avancées. Cela ne serait donc pas automatique.
Je n'y comprends plus rien.
J'ai envoyé le tout sur mon site de travail, si tu veux y jeter un oeil...
http://michel.liger.9online.fr/index.html

[Ymai]

Il manque un point devant menu_lateral p

Code : Tout sélectionner

.menu_lateral p { font-size: 12px;
    line-height: 10px;
    } 

Non ?

NOn, je ne crois pas, ce n'est pas une classe, si j'ai bien compris

Errare humanum est, perseverare diabolicum.

[Michel Aix]

Errare humanum est, perseverare diabolicum.

?????????????

[Ymai]

Do-IT a raison

[Kazé]

Il manque un point devant menu_lateral p

Code : Tout sélectionner

.menu_lateral p { font-size: 12px;
    line-height: 10px;
    } 

Non ?

Oui !
Errare humanum est, perseverare diabolicum.
J'ai persévéré en recopiant l'erreur plusieurs fois... mais il faut bien ajouter un point devant.

Désolé pour la confusion !

[Michel Aix]

Il manque un point devant menu_lateral p

Code : Tout sélectionner

.menu_lateral p { font-size: 12px;
    line-height: 10px;
    } 

Non ?

Oui !
Errare humanum est, perseverare diabolicum.
J'ai persévéré en recopiant l'erreur plusieurs fois... mais il faut bien ajouter un point devant.

Désolé pour la confusion !

Ouf, merci, ça marche.

[chinon37]

il ne faut pas que tu perdes de vue qu'il s'agit toujours de ta même classe à laquelle tu ajoutes une règle "spécifique" pour les paragraphes

[galad]

Bonjour, je fais remonter ce post sur les feuilles de style.
j'ai eu un problème en voulant ajouter un style (des balises<li> dans une page).
j'ajoute mes balises, je modifie ma feuille de style en donnant des attributs à mes nouveau <li>, la page se modifie, le résultat me convient. Je ferme l'editeur css. Je continue à modifier ma page et les attributs de mes <li> ont disparu. Je regarde dans ma feuille de style par l'éditeur, mon style li a disparu.
Je recommence l'opération en sauvegardant ma page : pareil.

J'ouvre ma feuille de style avec le bloc note : mon style li est présent avec ses attributs, je sauvegarde ma feuille de style et tout rentre dans l'ordre. Je précise que c'est une feuille de style externe.

petite question : pourquoi n'ai je pas pu sauvegarder mon style directement dans l'éditeur CSS ?