CSS unique et liaison depuis toutes les pages d'un site [CSS] - HTML/CSS - Programmation
Marsh Posté le 22-10-2002 à 16:37:39
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)
Marsh Posté le 22-10-2002 à 16:42:43
merci pour cette confirmation
ca fait du bien
question subsidiaire : une CSS de 64 ko/s vous choque-t-elle ??!
Marsh Posté le 22-10-2002 à 16:43:53
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
Marsh Posté le 22-10-2002 à 19:10:14
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 ?
Marsh Posté le 22-10-2002 à 20:22:32
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.
Marsh Posté le 22-10-2002 à 21:25:52
Batman-Fr a écrit a écrit : question subsidiaire : une CSS de 64 ko/s vous choque-t-elle ??! |
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 ?
Marsh Posté le 23-10-2002 à 01:00:08
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
Marsh Posté le 23-10-2002 à 01:36:49
Allez j'vais être magnanime :
D'après toi, que signifie le "C" de "CSS" ???
Marsh Posté le 23-10-2002 à 10:24:19
gm_superstar a écrit a écrit : Sinon, c'est ton site qui me dit ça : http://mondial-auto.ovh.org/netscape.htm ? |
ça mérite une exécution sur la place publique ça
Marsh Posté le 23-10-2002 à 10:34:38
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
Marsh Posté le 23-10-2002 à 10:35:21
Batman-Fr a écrit a écrit : mais ma preference allait vers lui |
bah oui mais de là à interdire le site aux autres...
Marsh Posté le 23-10-2002 à 10:42:52
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
Marsh Posté le 23-10-2002 à 10:44:52
Dans la 2è t'as mis des "_" ce qui est interdit
Marsh Posté le 23-10-2002 à 10:45:15
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 .... )
Marsh Posté le 23-10-2002 à 10:49:56
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.
Marsh Posté le 23-10-2002 à 10:52:09
j'etais en train de mettre a jour ma CSS et mes fichiers !
je fais quoi moi
sinon, merci a vous de m'aider
Marsh Posté le 23-10-2002 à 10:55:51
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...
Marsh Posté le 23-10-2002 à 11:04:37
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 :
Code :
|
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
Marsh Posté le 23-10-2002 à 11:38:37
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>
Marsh Posté le 23-10-2002 à 11:43:43
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)
Marsh Posté le 23-10-2002 à 11:54:04
Hein c'est bizarre ? il faut écrire les styles comme ça :
a { |
et le lien <a href="..." class="rose-titre">...</a>
Il n'y a pas de raison que ça marche pas ça.
Marsh Posté le 23-10-2002 à 12:02:32
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
Marsh Posté le 23-10-2002 à 12:19:47
Batman-Fr a écrit a écrit : 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 ?! |
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 :
|
Batman-Fr a écrit a écrit : 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 |
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)
Marsh Posté le 23-10-2002 à 12:27:51
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
Marsh Posté le 23-10-2002 à 12:28:36
merci aussi pour ta FAQ si riche
je viens de "survoler" le site selfhtml, ca a l'air enorme
Marsh Posté le 23-10-2002 à 13:49:57
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
Marsh Posté le 23-10-2002 à 14:28:17
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 ?
Marsh Posté le 23-10-2002 à 14:37:58
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
Marsh Posté le 23-10-2002 à 14:41:05
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 ___)
Marsh Posté le 23-10-2002 à 14:58:52
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 ?
Marsh Posté le 23-10-2002 à 15:09:34
Batman-Fr a écrit a écrit : 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 ___) |
Exact.
Zieute le code suivant :
<p class="rougesurfondbleu">Voilà un joli <span class="grassoulign">paragraphe</span> d'introduction</p> |
Et la CSS qui va avec :
p.rougesurfondbleu { |
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
Marsh Posté le 23-10-2002 à 15:10:26
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.
Marsh Posté le 23-10-2002 à 15:18:39
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 ?
Marsh Posté le 23-10-2002 à 15:21:49
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) ?
Marsh Posté le 23-10-2002 à 17:51:39
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
Marsh Posté le 23-10-2002 à 18:08:01
Ca n'a rien à voir avec DOM. Tu testes avec quel navigateur ?
Marsh Posté le 23-10-2002 à 18:40:13
avec IE 5.5 qui represente 70% des visiteurs ...
Marsh Posté le 23-10-2002 à 20:51:47
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 )
Marsh Posté le 23-10-2002 à 23:51:48
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é".
Marsh Posté le 22-10-2002 à 16:35:25
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
---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391