f.style css:ne se "répète" pas entièrement [RES

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

Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

GAUNCE a écrit :
Fabrice.Tres.Net a écrit : Pour styliser les titres de niveau 2 H2, il n'y a pas besoin de classe par défaut, en css on met directement qlq chose comme:
h2 { color: blue;
font-size: 120%;
border : 1px solid blue;
}
Je viens d'apprendre quelque chose?
Si je veux plusieurs balises h1 différentes, il suffit de mettre des paramètres entre {}?
Y a t'il d'autre balises où l'on peut agir de même?
Qu'as-tu comprendre?

Le code c'est le code css...

Si je veux représenter 2 titres de niveau H2 de 2 manières différentes, je vais dans ce cas les différencier par une classe.
En html cela ressemble à

Code : Tout sélectionner

<h2>Mon Titre normal</h2>
<p>contenu de mon 1er paragraphe... <img... </p>
<p>contenu de mon 2nd paragraphe... <img... </p>
...
<h2 class="gaunce">Titre particuliers</h2>
...


En css:
h2 {
color:blue;
}
h2.gaunce {
border: 1px solid blue;
}

Le premier titre s'écrira en bleu, le second en bleu (hérité de la première déclaration) avec un cadre rouge autour!

On pourrait asocier aussi un identifiant (id="toto"), qui ne peut apparaître qu'une seule fois dans le html!
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Non, tu ne peut définir qu'une fois chaque balise.
Ce que veut dire Fabrice, c'est que pour avoir le même aspect pour toutes les balises h2, il suffit de faire comme il dit.
Maintenant, si tu souhaites plusieurs aspects différents, il faut bien que tu passes par les classes pour modifier l'aspect par rapport au style par défaut défini comme le dit Fabrice.
Mais la logique veut qu'on essaie d'avoir une homogénéité dans le style d'une balise définie.
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.
ToutiWeb
Lézard à collerette
Messages : 327
Inscription : 19 août 2008, 17:51

Message par ToutiWeb »

hihihihi trop fort ! mon poste en aide d'autres : bravo fabrice et merci à vous des explications !

sinon je viens de refaire plein de trucs sur cette fichue page en essayant de refaire au mieux sans trop j'espère cette fois-ci de bêtises ...
qu'en pensez-vous ?
http://toutiweb.free.fr/aidedeToutiWeb.php
(ps: pour vous montrer j'ai provisoirement enlevé les pointillés... car pour ça au moins je commence à m'habituer ...et j'ai gardé le code pour pouvoir les remettre au besoin ...)
en tout cas vive webdevelopper car je gagne du temps ...

par contre petites questions ...
pour valider le css de cette page je dois régler ça :
81 a:link Propriété érronée : color cyan n'est pas une valeur de color : cyan
88 a:visited Propriété érronée : color cyan n'est pas une valeur de color : cyan
95 a:hover Propriété érronée : color GreenYellow n'est pas une valeur de color : GreenYellow
102 a:active Propriété érronée : color FireBrick n'est pas une valeur de color : FireBrick
hors quand à la place des mots je mets les codes ils ne restent pas et je retape sans cesse le css ... y'a t-il une solution ?
ps: maintenant je fais le css avec webdevelopper une fois que caskade m'aide à trouver les noms,codes...etc

le fait pour le html d'avoir maintenant tidy ...ne m'aide pas à valider ces erreurs-ci :
http://validator.w3.org/check?verbose=1 ... utiWeb.php
de ce style là pour exemple :
[/quote]amis du web, </p><form name="jump"><div align="center">
Line 64, Column 34

voilà ... j'espère devenir meilleure élève avec ce nouvel essai :roll: :?
MERCI encore pour tout !
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
GAUNCE
Iguane
Messages : 652
Inscription : 19 déc. 2004, 00:48

Message par GAUNCE »

Oui, je suis fatigué actuellement! j'avais cru voir autre chose :?
C'est ce que j'ai fait dans mon site, mettre des classes sur mes spans et h4,etc.. mais c'était un truc un peu flou!
Dans le CSS du post "pop up en CSS", FTN m'a mis a>img, je suppose qu'ainsi je peux différencier les a sur autant d'images nécessaires?
Lorsque le a est spécifique, mettons de #exemple (l'ID est sur div), ce a sera différent des autres a et exclusif à <div id="exemple">?
J'ai vu dans le code de certains sites des combinaisons complexes, au niveau du CSS, genre:#model span ,a .bizarre etc...pour moi le chinois et ça, c'est synonyme :oops:
Y a t'il un bouquin ou un site dédié exclusivement à, mettons,:
"Toutes les balises CSS, les différentes combinaisons, applications"
genre livre de chevet, quand tu dors pas tu compulses?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
GAUNCE
Iguane
Messages : 652
Inscription : 19 déc. 2004, 00:48

Message par GAUNCE »

Je viens de trouver ce site qui fait mal à la tête au premier abord, mais qui à l'air d'être une mine d'or:
http://css.developpez.com/cours/

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Touti,

Tidy peut corriger les erreurs, mais il faut le configurer pour qu'il le fasse!

Comme tu fais des liens externes (target="_blank"), passe la DTD de strict à transitionnel dans tes fichiers et dans Kompozer:

Pour le css, les couleurs normalisées sont là
http://www.commentcamarche.net/contents ... leurs.php3
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

GAUNCE a écrit :Y a t'il un bouquin ou un site dédié exclusivement à, mettons,:
"Toutes les balises CSS, les différentes combinaisons, applications"
genre livre de chevet, quand tu dors pas tu compulses?
LA référence: http://www.eyrolles.com/Informatique/Li ... 2841773572 (penser à acheter une boîte d'aspirine, en plus)
Plus agréable, pour apprendre plein de choses même si pas aussi complet: http://www.alsacreations.com/livre/

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
ToutiWeb
Lézard à collerette
Messages : 327
Inscription : 19 août 2008, 17:51

Message par ToutiWeb »

pffff gaunce et ymai effectivement j'en suis pas encore là qu'en à l'aspirine j'ai tout plein de tubes pour la pneumonie d'avance et ça ne fonctionen déjà pas alors vous êtes sûr que pour les css ça suffira ? hihihi :lol:

MERCI
Fabrice.Tres.Net a écrit :Touti,

Tidy peut corriger les erreurs, mais il faut le configurer pour qu'il le fasse!

Comme tu fais des liens externes (target="_blank"), passe la DTD de strict à transitionnel dans tes fichiers et dans Kompozer:

Pour le css, les couleurs normalisées sont là
http://www.commentcamarche.net/contents ... leurs.php3
Merci ! mais " DTD de strict à transitionnel" semble déjà être le cas je crois même qu'on l'avait vu ensemble ...

quand à tidy je ne sais le configurer donc je vais me renseigner et potasser tout ça ... en tout cas merci beaucoup !
mais vous me dites pas ce que vous en pensez en tant que visiteurs de sites web ... :roll: :oops: c'est pas encore ça ?

MERCI

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

Message par chinon37 »

Gaunce: il y a toujours une logique aux "combinaisons css:
#model span définira les styles pour les span d'un bloc dnt l'id est model
a .bizarre définira une classe qui ne s'appliquera qu'aux balises liens.

Pour complèter Fabrice sur les couleurs: un site référence: http://pourpre.com/nuanciers/info.php
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.
GAUNCE
Iguane
Messages : 652
Inscription : 19 déc. 2004, 00:48

Message par GAUNCE »

Chinon: Tout ça je sais, par contre je voudrais connaitre le pourquoi de ce type de paramètres CSS.
Des balises séparées par des virgules, j'en ai vu je sais plus ou, genre:
a #exemple span, .cequoi em etc... tout ça sur la même ligne.
A quoi sert la virgule et une telle succession de balises?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
ToutiWeb
Lézard à collerette
Messages : 327
Inscription : 19 août 2008, 17:51

Message par ToutiWeb »

Merci chinon 37 et Fabrice grâce à vous encore un soucis de réglé !

Par contre petite question ...
sur cette page que je viens de faire j'ai appellé la feuille de style
http://toutiweb.free.fr/sitesadecouvrir ... ouvrir.php
comme sur celle-ci où tout semble bien marcher ...
http://toutiweb.free.fr/coupdecoeurToutiWeb.php
mais elle n'apparaît pas ...

snif n'y arriverais-je jamais ? :oops:



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

Message par chinon37 »

GAUNCE a écrit : Des balises séparées par des virgules, j'en ai vu je sais plus ou, genre:
a #exemple span, .cequoi em etc... tout ça sur la même ligne.
A quoi sert la virgule et une telle succession de balises?
Si tu souhaite que pour #exemple span et pour .cequoi p la police de caractère soit Comic Sans MS en 15px, tu as le choix entre:

Code : Tout sélectionner

#exemple span {
  font-family: Comic Sans MS;
  font-size: 15px;
}
.cequoi p {
  font-family: Comic Sans MS;
  font-size: 15px;
}
ou

Code : Tout sélectionner

#exemple span, .cequoi p {
  font-family: Comic Sans MS;
  font-size: 15px;
}
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.
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

Dans sites à découvrir:
le lien pointe sur ton disque !

Code : Tout sélectionner

<link rel="stylesheet"
 href="file:///C:/ToutiWeb/modToutiWebpages.css" type="text/css">
Au départ, je pensais que tu n'avais pas tenu compte du chemin relatif car là ta page est dans un sous-répertoire! Cela doit être:

Code : Tout sélectionner

<link rel="stylesheet"
 href="../modToutiWebpages.css" type="text/css">
Dernière modification par Fabrice.Tres.Net le 10 nov. 2008, 19:40, modifié 1 fois.
GAUNCE
Iguane
Messages : 652
Inscription : 19 déc. 2004, 00:48

Message par GAUNCE »

Si j'ai bien compris, j'espère, les différentes balises se succédant séparées par des virgules seront propres au div ou autres.
#exemple, mettons les span, le p, les couleurs etc...tout ça fera que les styles spécifiiés ici ne se retrouverons pas dur les mêmes balises ailleurs?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Ymai a écrit :LA référence: http://www.eyrolles.com/Informatique/Li ... 2841773572 (penser à acheter une boîte d'aspirine, en plus)
+1 mais 2 boîtes d'aspirine
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 4 invités