18041 sujets
Questions générales et questions de débutants
Bonjour et bienvenue, 
par pages HTML je comprend "gabarits différents" (types de page qui sont différentes sur le site final: homepage, formulaire, page de contenu, résultats de la recherche, plan du site, ...).
Une fois passé le design de la homepage (faut bien commencer par quelque chose), il faut que tu prennes du recul sur ton site et que tu envisages le site complet, fini. Pourquoi avoir besoin de tant de gabarits tellement différents que tu aurais besoin de feuilles CSS différentes? Ca dénoterait un souci dans ta charte graphique: le visiteur va trouver des pages trop différentes et trouver un manque d'unité dans ton site (je force le trait évidemment).
Si tu as besoin de discerner 2 variantes pour un bloc dans tes pages (la sidebar par exemple), utilise une classe/id différente soit sur la sidebar elle-même (voir code ci-dessous), sur un de ses parents ou au pire sur l'élément body.
Une manière de faire comme une autre.
En tout cas on peut souvent se passer d'utiliser plusieurs feuilles de style, une fois qu'on en a l'expérience bien entendu (c'est tout le problème ... on se focalise sur le gabarit en cours d'intégration, on y arrive et on passe au suivant pour se rendre compte que aïe il faut revenir sur le premier
)
par pages HTML je comprend "gabarits différents" (types de page qui sont différentes sur le site final: homepage, formulaire, page de contenu, résultats de la recherche, plan du site, ...).
Une fois passé le design de la homepage (faut bien commencer par quelque chose), il faut que tu prennes du recul sur ton site et que tu envisages le site complet, fini. Pourquoi avoir besoin de tant de gabarits tellement différents que tu aurais besoin de feuilles CSS différentes? Ca dénoterait un souci dans ta charte graphique: le visiteur va trouver des pages trop différentes et trouver un manque d'unité dans ton site (je force le trait évidemment).
Si tu as besoin de discerner 2 variantes pour un bloc dans tes pages (la sidebar par exemple), utilise une classe/id différente soit sur la sidebar elle-même (voir code ci-dessous), sur un de ses parents ou au pire sur l'élément body.
.variante1, .variante2 {
instructions: communes;
aux: deux variantes;
}
.variante1 {
instructions: pour variante1;
}
.variante2 {
instructions: que pour variante2;
}
Une manière de faire comme une autre.
En tout cas on peut souvent se passer d'utiliser plusieurs feuilles de style, une fois qu'on en a l'expérience bien entendu (c'est tout le problème ... on se focalise sur le gabarit en cours d'intégration, on y arrive et on passe au suivant pour se rendre compte que aïe il faut revenir sur le premier
)Ah oui, IE6 peut avoir un souci avec le code HTML:
si tu essaies de faire:
Ce qui pose aucun souci:
<div class="parent">
<div class="enfant variante">
...
</div>
</div>si tu essaies de faire:
.enfant.variante {
multi-classe: incompris par IE6;
ou pose des problèmes: en tous sens;
tu vas le regretter: en tout cas;
}
Ce qui pose aucun souci:
.parent .enfant {
instructions: communes;
}
.parent .variante {
instructions: que pour la variante;
y compris: écrasant (redéfinissant) les instructions définies juste avant;
}
Bonsoir,
Ne vous en déplaise, utiliser un vocabulaire précis est toujours mieux que de mélanger des concepts.
En lisant votre message, qui mélange certains concepts apparemment sans distinction (pages, feuilles, css, html), je peux faire deux suppositions:
- soit vous êtes dans le flou sur ce qu'est réellement une page HTML ou une feuille de styles CSS, et dans ce cas un rappel des termes exacts ne peut pas faire de mal;
- soit c'est une simple erreur de rédaction, et dans ce cas il vaut mieux la corriger (et ne pas la répéter à l'avenir) car utiliser les mauvais termes est un bon moyen de mal se faire comprendre (ce qui est dommage quand on demande de l'aide sur un forum).
Et puisque l'on parle de clarté de la rédaction, je me permet de vous adresser le clin d'oeil suivant: http://www.unnecessaryquotes.com/
(Rien à voir: 974 dans l'Océan Indien? Du côté de quelle ville?)
Je pense qu'Arsene a de l'indulgence et de la compréhension. Et aussi une exigence de clarté, qui profite aussi bien aux personnes corrigées qu'à ceux qui les lisent.
Pour en venir au fond, maintenant, eh bien je pense que Felipe a dit l'essentiel. J'ajouterais la nuance suivante: on peut vouloir séparer les styles en plusieurs fichiers CSS pour éviter de se retrouver avec un fichier de 2000 lignes de long (assez courant pour une intégration web professionnelle). On pourra par exemple avoir:
- une feuille de styles de base;
- une feuille de styles avec les styles des principaux conteneurs;
- une dernière avec la mise en forme propre à un type de page particulier (un blog intégré à un site, par exemple).
Ce n'est qu'un example, et multiplier les feuilles de styles n'est pas forcément une bonne idée, mais dans certains cas ça permet de mieux organiser son code.
Georges974 a écrit :
bon, c'est pourtant français, se "cambrer" sur la sémantique pour "un débutant" drôle" de "largesse"...
Ne vous en déplaise, utiliser un vocabulaire précis est toujours mieux que de mélanger des concepts.
En lisant votre message, qui mélange certains concepts apparemment sans distinction (pages, feuilles, css, html), je peux faire deux suppositions:
- soit vous êtes dans le flou sur ce qu'est réellement une page HTML ou une feuille de styles CSS, et dans ce cas un rappel des termes exacts ne peut pas faire de mal;
- soit c'est une simple erreur de rédaction, et dans ce cas il vaut mieux la corriger (et ne pas la répéter à l'avenir) car utiliser les mauvais termes est un bon moyen de mal se faire comprendre (ce qui est dommage quand on demande de l'aide sur un forum).
Et puisque l'on parle de clarté de la rédaction, je me permet de vous adresser le clin d'oeil suivant: http://www.unnecessaryquotes.com/
(Rien à voir: 974 dans l'Océan Indien? Du côté de quelle ville?)
Georges974 a écrit :
Il vaut mieux ne pas répondre quand on n'a pas d'indulgence ni de compréhension !
Je pense qu'Arsene a de l'indulgence et de la compréhension. Et aussi une exigence de clarté, qui profite aussi bien aux personnes corrigées qu'à ceux qui les lisent.
Pour en venir au fond, maintenant, eh bien je pense que Felipe a dit l'essentiel. J'ajouterais la nuance suivante: on peut vouloir séparer les styles en plusieurs fichiers CSS pour éviter de se retrouver avec un fichier de 2000 lignes de long (assez courant pour une intégration web professionnelle). On pourra par exemple avoir:
- une feuille de styles de base;
- une feuille de styles avec les styles des principaux conteneurs;
- une dernière avec la mise en forme propre à un type de page particulier (un blog intégré à un site, par exemple).
Ce n'est qu'un example, et multiplier les feuilles de styles n'est pas forcément une bonne idée, mais dans certains cas ça permet de mieux organiser son code.
Florent V. a écrit :
Bonsoir,
Ne vous en déplaise, utiliser un vocabulaire précis est toujours mieux que de mélanger des concepts.
Encore faut-il le connaître (vocabulaire), c'est pourquoi on est débutant donc un expert ne doit jamais perdre de vue cette dimension.
Etait-il aussi débutant un jour ??
Mais, merci Florent de ta réponse très explicative et...sans rancune.