MOODLE : code html pour faire des espaces/blocs sur la page

Résolu/Fermé
alila - 10 mai 2021 à 12:25
 alila - 11 mai 2021 à 10:35
Bonjour,

Je souhaiterais sur une page Moodle, grâce à la patie html de l'éditeur de texte, créer des "blocs"/espaces pour organiser ma page. Dans cet exemple, je souhaiterais 4 bloc dans l'espace de la page.
Des conseils sur comment m'y prendre, sachant que je n'ai pas accès au CSS ou quoi, juste du html ?

Merci,
Belle journée,
Am
A voir également:
  • MOODLE : code html pour faire des espaces/blocs sur la page
  • Telecharger moodle - Télécharger - Divers Web & Internet

2 réponses

Salut, il faudrait plutôt voir avec ceux qui gèrent Moodle directement et la doc pour l'utiliser.

Moodle est une plate-forme de publication donc à ses propres règles.

"Des conseils sur comment m'y prendre, sachant que je n'ai pas accès au CSS ou quoi, juste du html ? "
Si vous avez accès au HTML ou une partie de celui ci vous pouvez intégrer du CSS(il faut savoir écrire le CSS, où et comment).
exemple:

https://www.w3schools.com/tags/att_style.asp

Sauf si Moodle à fait son possible pour empêcher ça, dans ce cas il y a une raison.

"Dans cet exemple, je souhaiterais 4 bloc dans l'espace de la page. "
ça c'est plutôt une question de HTML, CSS n'intervient que pour la mise en page des blocs mais pour faire exister les blocs il faut créer autant de balises(et autant pour leur contenus imbriqués et contenants qu'il est nécessaire).
Pas besoin de CSS pour ça.

<section>
<article>
<h2>titre "bloc" 1</h2>
<p>contenu bloc 1</p>
</article>

<article>
<h2>titre "bloc" 2</h2>
<p>contenu bloc 2</p>
</article>

<article>
<h2>titre "bloc" 3</h2>
<img src=monimage.jpg alt="image bloc 3" />
</article>

<article>
<h2>titre "bloc" 4</h2>
<ul>
<li>élement de liste 1<li>
<li>élement de liste 2<li>
<li>élement de liste 3<li>
</ul>

</article>

</section>


La mise en page sera rudimentaire mais la séparation en "paragraphe" ou bloc distinct (ici des article plutôt qui est la bonne façon de faire pour avoir la table des matières des contenus d'une page)est bien effective.

CSS intervient pour indiquer les tailles, emplacements, couleurs textes, fonds , images etc... des éléments HTML de la page; tout ce qui va consister en la mise en page où s'arrête HTML.

Comme c'est indiqué dans le lien vous pouvez l'intégrer à une balise HTML via l'attribut style(à tester pour voir si Moodle ne bloque pas cette fonctionnalité) mais si vous n'avez pas déjà séparé en éléments distincts les différentes parties de la page par HTML ce sera impossible.

I l existe des astuces sinon pour espacer des éléments qui date d'avant le CSS et ne sont pas vraiment à recommandées (comme un pixel invisible "étiré" sur la longueur de l'espacement voulu ou utiliser un DOCTYPE transitionnel des anciennes versions de HTML, cette dernière ne sera probablement pas possible sur une plate-forme dont cous n'êtes pas le concepteur et risque de provoque des problèmes d'affichage parce qu'utilisant une norme dépassée ne prenant pas en compte le fonctionnement des navigateurs actuels et rendant l'écriture et la modification plus complexe).
0
Bonjour !
Merci pour votre réponse complète qui m'a bien aidé, j'ai bien suivie la structuration et je suis en train de faire le style via la balise, ça semble fonctionner !
0