je me pose une question concernant les CSS liées et non pas importees/internes  
 
je m'explique : j'ai une CSS unique pour tout mon site. Toutes les pages y sont liées. Mais du coup, ma CSS commence à peser : 64 ko quand meme !  
 
Ceci me fait m'inquieter sur une question dont la reponse etait evidente pour moi avant aujourd'hui :
 
est-ce que la CSS est telechargee a chaque acces de page ?
 
(pour moi, ce n'est pas le cas, mais je prefere etre certain )
 
merci d'avance

Nan, elle reste dans le cache
 
Ce qui peut d'ailleurs être très chiant si tu modifies la CSS quand tu testes ton site, mais que tu oublies de faire Ctrl+F5 (ca me l'a fait l'autre jour, je pigeais plus rien)

merci pour cette confirmation
 
ca fait du bien  
 
question subsidiaire : une CSS de 64 ko/s vous choque-t-elle ??!

Batman-Fr a écrit a écrit : merci pour cette confirmation   ca fait du bien     question subsidiaire : une CSS de 64 ko/s vous choque-t-elle ??!

 
oui

pourqoui je parle en ko/s moi    
 
comment faites vous alors pour avoir une CSS unique et decliner vos styles comme vous le souhaitez sans en avoir une trop lourde alors ?

Batman-Fr a écrit a écrit : pourqoui je parle en ko/s moi       comment faites vous alors pour avoir une CSS unique et decliner vos styles comme vous le souhaitez sans en avoir une trop lourde alors ?

 
Je me branle
 
Heu...
 
Bah j'optimise à fond les CSS, on regroupe les sélecteurs pour pas répéter 36 fois "font-family:blablabla", on sépare en plusieurs feuilles différentes si la totalité ne s'applique pas à chaque page etc.

Tout dépend de la taille de ton site, de la richesse des pages, du nombre de chartes graphiques, d'exceptions, etc...
 
Comme l'a dit W3C Compliant, il faut essayer de regrouper les styles communs en utilisant les sélecteurs.
Il faut aussi éviter de répéter des propriétés d'un style à un autre. La plupart d'entre elles héritent de leur parent donc ça ne sert à rien de tout respécifier à chaque fois.
 
 
Sinon, c'est ton site qui me dit ça : http://mondial-auto.ovh.org/netscape.htm ?

pour mon site, il commence a dater
le js ne doit plus etre fonctionnel desole
 
mais ma question portait sur mon site pro, pas "perso"
 
je vais regarder du cote des heritages car en effet, tout est repete quasiment a chaque fois  

Allez j'vais être magnanime :
 
D'après toi, que signifie le "C" de "CSS" ???

 
ça mérite une exécution sur la place publique ça

il n'y a pas de CSS sur le site de ma signature !!  
 
mes problemes de CSS sont pour mon site "pro"  
 
www.mgel.fr
 
pour CSS : Cascading Style Sheets  
 
pour IE : desole, mais ma preference allait vers lui
 

Batman-Fr a écrit a écrit :  mais ma preference allait vers lui

 
bah oui mais de là à interdire le site aux autres...

 
je craque ! les standards, c'est pas pour moi ................
 
j'avais une CSS valide suivant le validator :  
 
http://jigsaw.w3.org/css-validator [...] ofile=css2
 
j'en ai une deuxieme que j'utilise pour la v2 du site que je suis en train de finaliser. Cette 2eme CSS n'est pas validee alors que c'est la meme que la 1ere mais avec des styles supplementaires ! :
 
http://jigsaw.w3.org/css-validator [...] ofile=css2
 
 
je vois pas pourquoi il ne la digere pas    

Dans la 2è t'as mis des "_" ce qui est interdit

antp a écrit a écrit :     bah oui mais de là à interdire le site aux autres...

 
je ne voulais pas l'interdire
 
seulement a l'epoque, je ne comprenais rien a ce que je faisais. J'ai ajoute un menu developpe par quelqu'un d'autre qui 'netait pas compatible avec NS. alors au lien d'avoir une page toute petee, j'ai ajoutee un test sur le navigateur qui envoe vers cette page de d/l
 
je sais bien que c'est limite mais c'etait surtout pour mettre en ligne mes photos a l'epoque, pas pr generer du traffic (de toute facon, avec un site comme ca .... )

antp a écrit a écrit : Dans la 2è t'as mis des "_" ce qui est interdit

Non, pas en CSS 2.1, le validateur n'est pas à jour.

 
 
j'etais en train de mettre a jour ma CSS et mes fichiers !
 
je fais quoi moi
 
sinon, merci a vous de m'aider

Batman-Fr a écrit a écrit :       j'etais en train de mettre a jour ma CSS et mes fichiers !   je fais quoi moi   sinon, merci a vous de m'aider

Ben ça dépend où tu en es... Si c'est galère de renommer toutes tes pages ne le fait pas...
 
A mon avis le plus urgent est de faire du ménage dans http://www.mgel.fr/mgel_2003.css et de regrouper dans un a { } toutes les propriétés communes à tes liens...

ca va, je n'avais fait que 5 pages et dreamweaver permet de faire ca tres rapidement
 
du coup, je suis revenu a ma CSS avec les "_"
 
justement, concernant l'allegement de ma CSS, je ne sais pas comment faire ca ?
 
ex de ma CSS :  
 

 
en gros, j'ai plusieurs type de taille et grosseur de texte (nommes sous-titre, titre-large, ...) décline en plusieurs couleurs (bleu, rose, vert, ...)
 
comment faire pour les rassembler

Est-ce que lorsque tu utilises ces classes c'est juste pour changer l'aspect d'un lien ? Autrement dit est que tu utilises toujorurs ces classes comme ça :
 
<span class="ma-classe-dans-le-CSS-enorme"><a href="...">...</a></spab>

oui, je fais tjrs comme ca car si je ne passe pas par <span> et que j'indique ma class dans la balise <a>, les etats :hover :visited et :link ne marchent plus (ca s'affiche comme du texte fixe souligne)

Hein c'est bizarre ? il faut écrire les styles comme ça :
 

 
et le lien <a href="..." class="rose-titre">...</a>
 
Il n'y a pas de raison que ça marche pas ça.

je ne connais pas les normes exactes des CSS et la doc officielle est pas comprehensible a mon gout, je m'y perds facilement
 
j'utilisais "ta" methode avant car je n'utilisais les CSS que pour les liens
 
afin d'alleger le code de mes pages et de le rendre plus propre et plus conventionnel, je suis passe a du tout CSS pour ce qui est du texte.
 
Or, si j'utilise la methode que tu m'indiques, je suis oblige d'avoir encore plus de styles du coup, non ?!
 
ainsi, si j'ai une phrase avec  un lien au milieu, je vais devoir definir 2 styles.
 
alors qu'avec "ma" methode, je ne definie qu'un seul et unqiue style a tout mon bloc de texte.
 
mais si cela n'est pas standard, je changerai mes CSS
 
du coup, je suis encore plus paume moi !  
 
merci pour ta patience ainsi qu'a ceux qui on participe a mon topic

Ah ben oui, mais tout à l'heure quand je posais la question "Est-ce que lorsque tu utilises ces classes c'est juste pour changer l'aspect d'un lien ?" tu m'as répondu oui. Maintenant tu me dis non. Dans ce cas effectivement il faudra utiliser ta méthode. Mais ça ne te dispense pas de factoriser des propriétés CSS :
 

Si si c'est standard. Ton problème à toi n'est pas tellement le nombre de style et leur organisation mais la quantité trop élevée d'information répétée (merci Dreamweaver)

OUFF  
 
je suis deja plus rassure  
 
ok pour la factorisation, merci beaucoup, je partais dans tous les sens sans tomber sur quelque chose de bon
 
en ce qui concerne dreamweaver et mes CSS : je tape mes CSS a la main dans un fichier texte car je n'aime pas les definir sous dreamweaver : la redondance d'info m'est donc totalement imputable    
 
merci a nouveau a toi et aux autres

merci aussi pour ta FAQ si riche
 
je viens de "survoler" le site selfhtml, ca a l'air enorme

Oh putain l'horreur ce topic
 
Pas étonnant qu'elle fasse 64 Ko ta CSS  
 
Un conseil : apprends vite les CSS... regarde les sites dans le topic XHTML/CSS, y en a qqs uns en français qui expliquent bien

W3C Compliant a écrit a écrit : Oh putain l'horreur ce topic

 merci  
 

W3C Compliant a écrit a écrit :   Pas étonnant qu'elle fasse 64 Ko ta CSS     Un conseil : apprends vite les CSS... regarde les sites dans le topic XHTML/CSS, y en a qqs uns en français qui expliquent bien

 
je suis passe a 29 ko
 
c'est plus une taille normale ca ?

Ouais... c déjà un peu mieux mais ça me semble encore énorme J'ai jamais de CSS qui fasse plus de 10-15 Ko perso... et pourtant dieu sait que j'en déclare, des styles des <div> et tou et tout.
 
je crois que tu devrais te pencher sur le côté Cascading des Cascading Style Sheets

avec plaisir, mais c'est quoi exactement ?
 
en gros :
 
j'ai un bloc declare en couleur bleue (via une classe)
dans ce meme bloc, une portion est declaree en gras (via une autre classe)
 
la portion sera en bleue gras car elle herite du caractere bleue du bloc, c'est ca ?
 
parce que j'ai essaye de joue la dessus mais ca marche pas (a moins que je m'y prenne comme un peid encore une fois ___)

je viens d'ajouter les selecteurs html et body à ma CSS en y integrant les proprietes communes a tous mes styles :
 
font-family
font-style
background-color
 
je suis maintenant a 22ko
 
voyez d'autres ameliorations ?
 
par contre, tous mes effets sur mes liens sont morts  
 
c'est quelque chose que je ne comprends pas : j'ai un <span class="ma-classe"> qui englobe ma balise <a> et celle-ci ne profite plus du style "ma-classe" depuis que j'ai fait "factorise" ma CSS. Il faut que j'ajoute la class a la balise <a> pour que ca remarche. C'est normal ?

 
Exact.
 
Zieute le code suivant :
 

 
Et la CSS qui va avec :
 

 
Et bien, tout mon texte sera en rouge sur fond bleu, et en plus le mot "paragraphe" sera en gras souligné, tout en héritant des couleurs du paragraphe qui le contient. Ca c la base des CSS.
 
Par contre, cela marche car je n'ai pas défini de style particulier pour les balises <span>.
Si j'avais défini un style genre
span {color:green}
à ce moment là, le mot "paragraphe" aurait bien été en gras souligné, sur fond bleu, mais en texte vert.
 
Donc faut se méfier de pas redéfinir plusieurs fois des styles pour une même balise/un même groupe de balises, auquel cas il y a conflit

Batman-Fr a écrit a écrit : je viens d'ajouter les selecteurs html et body à ma CSS en y integrant les proprietes communes a tous mes styles :   font-family font-style background-color   je suis maintenant a 22ko   voyez d'autres ameliorations ?   par contre, tous mes effets sur mes liens sont morts     c'est quelque chose que je ne comprends pas : j'ai un <span class="ma-classe"> qui englobe ma balise <a> et celle-ci ne profite plus du style "ma-classe" depuis que j'ai fait "factorise" ma CSS. Il faut que j'ajoute la class a la balise <a> pour que ca remarche. C'est normal ?

 
Pourquoi entourer tes liens d'un <span> ??? c ca que je pige pas. Applique directement le style à tes <a>... un truc genre <a class="monstyle"></a>. C'est bcp plus explicite et y a pas de raison que ça ne marche pas.

ok pour le principe d'heritage (du moins pour l'instant)
 
pour mes <span>, c'est ce que j'expliquais plus haut : de la maniere ou j'avais code ma CSS, si j'indiquais la class dans ma balise <a>, mes pseudo-classes ne fonctionnaient plus ! alors que si j'englobait ma balise <a> dans une blaise <span>, ca marchait a merville ...
 
cela etait pas mal dans la mesure ou j'appliquais un meme et unqiue style a tout un bloc sans devoir le definir a nouveau pour mes liens qui se situent dans ce bloc tout en gardant mes effets avec les pseudo-classes.
 
tu aarrives a me suivre ?

j'ai quand meme une question (je suis sur le site  lorandw.free.fr/css ou j'apprends bcp surtout au niveau du vocabulaire) :
 
pourquoi precisez-vous l'element auquel est destine la classe ?? :
 
pourquoi ecrire span.txt-gras et non pas simplement .txt-gras (qui si j'ai bien compris, pourra etre attribue a d'autres elements que span contrairement a la premiere methode) ?

bon, je crois que je vais me tirer une balle  
 
j'ai defini en debut de mon fichier CSS ca :  
 
html, body {  
font-family: Verdana, Arial, sans-serif;  
font-style: normal;  
font-size: 13px;  
font-weight: normal;  
}
 
quand je tape du texte dans un tableau, il ne prend pas le font-size en compte  
 
pourtant la balise <td> devrait heriter des proprietes de <body> non ???!!!
 
du coup, j'ai ete oblige d'ajouter td dans la liste des balises concernees :  
 
html, body, td {  
font-family: Verdana, Arial, sans-serif;  
font-style: normal;  
font-size: 13px;  
font-weight: normal;  
}
 
mais pourquoi donc ?  
 
ou alors je ne connait rien mais alors rien au DOM

Ca n'a rien à voir avec DOM. Tu testes avec quel navigateur ?

avec IE 5.5 qui represente 70% des visiteurs ...

Bon il est possible que IE 5 soit buggé au niveau de l'héritage des propriétés de polices dans les tableaux. Donc ta solution est la bonne (de toute façon c'est pas ça qui alourdira ton CSS )

Batman-Fr a écrit a écrit : j'ai quand meme une question (je suis sur le site  lorandw.free.fr/css ou j'apprends bcp surtout au niveau du vocabulaire) :   pourquoi precisez-vous l'element auquel est destine la classe ?? :   pourquoi ecrire span.txt-gras et non pas simplement .txt-gras (qui si j'ai bien compris, pourra etre attribue a d'autres elements que span contrairement a la premiere methode) ?

 
C'est équivalent, et en effet l'omission d'une balise particulière permet d'appliquer à toutes les balises. Mais dans mon exemple, je voulais faire simple, donc bien "carré".