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

GAUNCE · Message par **GAUNCE** » 11 nov. 2008, 11:25

Mongo Bob a écrit :
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

Message reçu 5/5

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Message par **chinon37** » 11 nov. 2008, 18:30

GAUNCE a écrit :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?

Ne mélangeons pas span, p et couleurs. span et p sont des balises html auxquelles on peut appliquer des règles . Les couleurs sont des "propriétés". Entre guillemets, car c'est faux: en fait on attribue les couleurs à certaines propriétés comme le fond, les bordures, le texte, etc...
Les virgules permettent de regrouper plusieurs règles ayant les mêmes propriétés.

GAUNCE · Message par **GAUNCE** » 11 nov. 2008, 18:38

chinon37 a écrit : Les virgules permettent de regrouper plusieurs règles ayant les mêmes propriétés.

Ah bon, je sais pas si j'ai tout compris là!
Peut-être une précision par l'exemple?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

ToutiWeb · Message par **ToutiWeb** » 11 nov. 2008, 18:39

désolée j'ai toujours le même soucis je n'y arrive pas ...

sur cette page que j'ai faites j'ai appelé la feuille de style comme sur mes autres pages mais rien n'y fait elle ne s'affiche pas et s'enlève toujours de ma page que je la mette sous webdevelopper ou sur caskades...

http://toutiweb.free.fr/sitesadecouvrir ... ouvrir.php
alors que sur celle-ci tout semble bien marcher ...
http://toutiweb.free.fr/coupdecoeurToutiWeb.php

est-ce parce que ma page en question est dans un sous dossier de mon site ? si c'est le cas pourquoi ça ne fonctionne pas lorsque je remets la feuille de style "en rappel" dans ce même sous-dossier ... rien n'y fait je n'y arrive pas ... pouvez-vous m'aider ?

car par exemple pour mes autres pages qui sont à la racine de mon site tout fonctionne comme ici :
http://toutiweb.free.fr/globesanimesteddyToutiWeb1.php
ou ici :
http://toutiweb.free.fr/coupdecoeurToutiWeb.php

ors si je n'arrive pas à résoudre ce soucis je l'aurais souvent car beaucoup de pages de mon site son dans des sous-dossiers ce qui me parait plus simple pour le faire car ça sépare un peu ce fouilli ...

MERCI d'avance !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 11 nov. 2008, 18:56

Touti,

Tu as toujours ceci dans le code html

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="fr">
<head>
    <meta content="text/html; charset=iso-8859-1" http-equiv="content-type">
    <title>Sites à (re)découvrir de ToutiWeb</title>
    <base href="http://toutiweb.free.fr/essai.php">
    <link rel="stylesheet" href="file:///C:/ToutiWeb/sitesadecouvrir/modToutiWebpages.css"
          type="text/css">
    <meta content="text/html; charset=iso-8859-1" http-equiv="content-type">

    <title>C'est quoi le titre?</title>
</head>

remplace href="file:///C:/ToutiWeb/sitesadecouvrir/modToutiWebpages.css"
par href="../modToutiWebpages.css"
et cela rentrera dans l'ordre !

PS: j'ai viré les moz_ bidules

ToutiWeb · Message par **ToutiWeb** » 11 nov. 2008, 19:19

Merci Fabrice là je revis ! je n'arrivais pas depuis hier et si j'avais bien essayé de mettre ../modToutiWebpages.css dans mon code php du menu ... je n'y avais pas pensé à cet endroit !
Merci le prof !

vivement que je puisse vous offrir des t-shirts car là franchement vous m'aidez tous grandement !
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

Mongo Bob · Message par **Mongo Bob** » 11 nov. 2008, 19:46

Les virgules permettent de regrouper plusieurs règles ayant les mêmes propriétés.
Ah bon, je sais pas si j'ai tout compris là!
Peut-être une précision par l'exemple?

Il ne s'agit pas de virgules, mais de points-virgules :

Code : Tout sélectionner

h3 {
  background-color: #b6b6b6;
  color: #ffffff;
  font-family: comic sans ms;
  text-align: left;
  margin-left: 1%;
  width: 81%;
  font-size: 115%;
  margin-bottom: 0;
  padding-left: 1%;
}

ci-dessus la règle dite "h3" : sélecteur-type : une balise html originelle peut servir de sélecteur, on dit alors "sélecteur-type", c'est le choix du haut dans Cascades, avec choix préétablis dans la liste déroulante (sélecteur=nom de la règle).
Chaque ligne de cette règle est constituée de une propriété css : "background-color", "text-align" etc... à laquelle une valeur est attribuée. Il y a un ensemble précis de valeurs dans lequel il faut en choisir une seule, pour chaque propriété: un code de couleur "#b6b6b6" pour la propriété "background-color", une valeur "left" ou "right" pour la propriété "text-align", etc...
Ce sélecteur, ou nom de règle peut être un nom personnalisé parce que tu veux faire un <h3> un peu spécial, par exception (réservant les sélecteurs-types aux cas les plus fréquents) :

Code : Tout sélectionner

#h3special{
  background-color: #000000;
  }

On invente le nom de règle "#h3special", c'est une id parce qu'il est tout seul dans la page (3ème choix dans Cascades). La seule différence est que le fond est noir, les autres couples propriété-valeur sont les mêmes que le <h3> pas la peine de les répéter. S'il y a plus de un <h3> au fond blanc dans la page on crée un sélecteur avec une classe : ".h3special" (2ème choix dans Cascades).
Quoi d'autre? L'onglet Général de Cascades est didactique parce qu'il t'affiche la règle css au fur et à mesur que tu agis dans les différents onglets, je ne lui reproche que de ne pas indiquer les accolades "{" et "}" en tout début et en toute fin, à+

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 11 nov. 2008, 20:07

ToutiWeb a écrit :Merci Fabrice là je revis ! je n'arrivais pas depuis hier et si j'avais bien essayé de mettre ../modToutiWebpages.css dans mon code php du menu ... je n'y avais pas pensé à cet endroit !
Merci le prof !
vivement que je puisse vous offrir des t-shirts car là franchement vous m'aidez tous grandement !
MERCI

On a gagné! On a gagné... nos tee-shirts! Hip hip hourra

Merci.

Quand plus rien ne fonctionne, il ne faut pas paniquer, l'erreur est en générale aussi grosse que l'effet visible, donc normalement facile à déceler.

GAUNCE · Message par **GAUNCE** » 11 nov. 2008, 20:07

Je crois que l'on a un peu de mal. Merci Bob, mais tout ça je sais.
Je parlais bien de virgule, j'arrive pas à retrouver où je l'ai vu, le site avait une feuille interne donc je voyais le CSS avec "affichage du code".
C'était au hasard: #exemple a span; , .bizarre h4 , et encore d'autres balises, sur la même ligne!.
Si c'est pas clair, dés que je retrouve un truc comme ça je donnerais la page!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Mongo Bob · Message par **Mongo Bob** » 11 nov. 2008, 20:27

c'était une feuille incorporée dans le <head> ou des styles internes, disséminés dans le html, dans tous les cas, jamais de virgules, des points-virgules, t'as dû tomber sur un fichier css foutraque.
ou alors, c'est pas du css, je sais pas ce que c'est.

Mongo Bob · Message par **Mongo Bob** » 11 nov. 2008, 20:41

Ca y est, j'ai trouvé tes virgules! Dans les regroupements de sélecteurs, (Meyer, bouquin cité par Ymai, p28) :

Code : Tout sélectionner

h1,h2,h4 {color: silver;}

permet d'économiser des lignes de code, si <h1> + <h2> + <h4> ont tous un fond de couleur "silver", inutile de le répéter pour chacun, on abrège comme ci-dessus!
Je crois que c'est la seule fois où on pourrait trouver une "," dans du css... à+

Message par **chinon37** » 11 nov. 2008, 21:19

c'est ce que je me tue à expliquer depuis plusieurs jours (cf 10/11/2008 20:20)

personne ne m'aime

Ch'ius pas clair dans mes explications??

Mongo Bob · Message par **Mongo Bob** » 11 nov. 2008, 21:45

Hein? Mais c'est qu'il a raison :
http://www.geckozone.org/forum/viewtopi ... 049#485049

Je dirais pour me défendre, que c'est un peu le b... ce topic : déjà 4 pages pour 7 sujets différents! Voilà, ce sera mon excuse pour pas être remonté dans le fil pour voir la réponse de chinon, il faut toujours avoir une excuse toute prête

!et toi, gaunce tu l'avais pas vue, la réponse à ta question?

ToutiWeb · Message par **ToutiWeb** » 11 nov. 2008, 21:46

hihihi trop fort fabrice même si je dois faire mes logos sur d'autres t-shirts que les miens (ils sont trop chers pour moi mais de très bonne qualité... je ferais les même visuels avec d'autres moins chers comme vista-print par exemple) je m'arrangerais au plus tôt suivant mes moyens financiers pour vous les offrir vu l'aide que vous m'apportez ... mais bon promis même si c'est dans un an ou plus j'y arriverais !

en totu cas perso désolée mais la discussion qu'à entrainer ce post encore une fois m'échappe totalement ...

mais allez-y entraidez-vous j'adore lire vos messages et qui sait apprendrais-je petit à petit en même temps !

à bientôt !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3

Mongo Bob · Message par **Mongo Bob** » 11 nov. 2008, 21:48

ah, ah! Je savais qu'il y avait du toutiweb sous roche dans le fait que ce topic comporte au moins 7 sujets différents!

Geckozone

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

Qui est en ligne ?