28172 sujets

CSS et mise en forme, CSS3

Syntaxe pour styles différents

bonjour
enseignant en informatique mais non spécialiste du web,je suis confronté à un problème.
Je fais faire des pages web à des élèves et je voulais qu'ils utilisent une feuille de style commune.
Un groupe a bien travaillé mais a fait une page avec plein de class et d'id et a fait sa propre feuille de style.
Soit ils chargent leur feuille de style, soit j'inclus leur style dans la mienne.
Problème, j'ai essayé de mettre leur contenu dans des <div>, des <sections>, des <articles> en mettant une class = "" pour affecter tout leur style à ce contenu mais ça ne fonctionne pas.
Avez vous un truc pour cela ?

Autre question sur ce sujet : ils ont essayé de mettre une class dans le body <body class ="...">
je ne pense pas que cela se fasse, qu'en pensez vous ?
merci
Modérateur
Bonjour,

king29 a écrit :
Problème, j'ai essayé de mettre leur contenu dans des <div>, des <sections>, des <articles> en mettant une class = "" pour affecter tout leur style à ce contenu mais ça ne fonctionne pas.
Avez vous un truc pour cela ?

Sans code d'exemple qui ne marche pas, on ne peut pas répondre à cette question. Les raisons pour lesquelles ça peut ne pas marcher sont multiples.

king29 a écrit :
Autre question sur ce sujet : ils ont essayé de mettre une class dans le body <body class ="...">
je ne pense pas que cela se fasse, qu'en pensez vous ?
merci

Ça se fait couramment (EDIT: par exemple, pour ce forum (forum.alsacreations.com), <body> a une classe)

Amicalement,
Modifié par parsimonhi (05 Nov 2020 - 14:46)
Bonsoir. Le problème du css c'est qu'il n'y a pas (encore) de scope, on se retrouve avec potentiellement des effets de bord si les choses ne sont pas pensées globalement.

En général on travaille directement sur les éléments pour une harmonisation des styles sur un site. Mais justement pour éviter ce problème de scope, on travaille plutôt sur des classes (et quelquefois sur des ID, mais c'est souvent moins justifié).

Sans comprendre ce que vous voulez faire il est difficile de vous aiguiller :
- vous pouvez proposer des pages dédiées à ces adolescents, c'est le moins risqué,
- vous pouvez aussi injecter leur css en le limitant à certaines pages spécifiques,
... dans tous les cas, surtout pas sur l'ensemble du site.
Modifié par Olivier C (05 Nov 2020 - 16:56)
Bonjour
merci pour vos réponse
déjà si on peut mettre une class dans le body, cela me permet de prendre cette solution.

Pour le reste (les div, sections et articles) , vous me dites qu'il est difficile de répondre sans le code. Je ne vois pas par contre d'endroit ou on peut déposer des fichiers. Un copier coller dans ce cadre paraît inapproprié car ce serait long. Vous utilisez d'autres méthodes ?

merci en tout cas pour la réactivité
Administrateur
Bonjour king29,

Je confirme que l'élément body est un élément comme les autres, il peut donc disposer d'attributs tels que class ou id et avoir des styles CSS... de même que tous les autres éléments du document (html, head, title, link, etc.).

Je confirme également qu'il n'est pas possible de déposer des fichiers sur ce forum à part des images.

Si tu penses que le code complet est trop long, il faudrait essayer de coller uniquement la partie concernée.

Je ne suis d'ailleurs pas sûr de comprendre le souci car si j'ai bien compris, il suffit d'appliquer les deux feuilles de styles comme ceci, non ?

<link rel="stylesheet" href="styles-communs.css">
<link rel="stylesheet" href="styles-du-groupe.css">

Modifié par Raphael (06 Nov 2020 - 08:57)
Merci pour cette autre solution.
Je ne savais pas qu'on pouvait utiliser deux fichiers styles simultanément.
Je vais tester cela.
Pour ce qui est des fichiers, je ne vois que la possibilité de joindre une image.
Cela me semble compliqué de faire un copier-coller dans l'onglet message.
Il y un dépôt de fichiers ?
Modérateur
Bonjour,

Il faut isoler les quelques lignes qui ne marchent pas (en gros, on prend une page qui ne marche pas, et on retire des lignes petit à petit tant que ça marche pas : finalement, on poste ici le plus petit code restant qui ne marche pas).

Amicalement,
Merci à tous pour votre aide.
J'ai croisé en plus hier un copain qui connaît bien ce sujet.
Il m'a confirmé qu'on pouvait avoir plusieurs feuilles de styles dans une page web et m'a réexpliqué le principe de l'héritage.
Je vais donc pouvoir revoir tout cela.
a +
Sujet clos
Aller à