por Johanna mena.
Buenos días, soy docente(no soy especialista en programación ni mucho menos) y estoy trabajando en ajustar el tema adaptable en Moodle 3.4 para colocar una colección de cursos. Necesito colocar tres cajas en una página estática pero mi conocimiento de html y css es limitado. Cuando genero el html fuera de moodle puedo lograr que una caja se coloque una al lado de otra, pero cuando la cargo a moodle con el plugin de páginas estáticas se desconfigura y aparece como una solo columna hacia abajo. El código que estoy usando es el siguiente:
<div style="text-align:center; background: #e6e6e6; height: 240px; width: 350px; padding: 5px; display:inline-block;">
<p><img src="http://ciaem-redumate.org/cemacyc/public/conferences/1/Moodle/Docentes%20primaria.jpg" alt="" width="200" height="116">
<br>
</p><h3>Cursos Docentes Primaria </h3>
<p style="text-align:center">
<a href="http://virtuales.reformamatematica.net/course/index.php?categoryid=9" class="submit">Ir a Cursos</a>
</p>
</div>
<div style="text-align:center; background: #e6e6e6; height: 240px; width: 350px; padding: 5px; display:inline-block;">
<p><img src="http://ciaem-redumate.org/cemacyc/public/conferences/1/Moodle/Docentes%20secundaria.jpg" alt="" width="200" height="116">
<br>
</p><h3>Cursos Docentes Secundaria </h3>
<p style="text-align:center">
<a href="http://virtuales.reformamatematica.net/course/index.php?categoryid=10" class="submit">Ir a Cursos</a>
</p>
</div>
<div style="text-align:center; background: #e6e6e6; height: 240px; width: 350px; padding: 5px; display:inline-block;">
<p><img src="http://ciaem-redumate.org/cemacyc/public/conferences/1/Moodle/Coleccion%20matematicas%20bachillerato.jpg" alt="" width="200" height="116">
<br>
</p><h3>Cursos para Estudiantes </h3>
<p style="text-align:center">
<a href="http://virtuales.reformamatematica.net/course/index.php?categoryid=6" class="submit">Ir a Cursos</a>
</p>
</div>
Sé que estoy cometiendo un error pero no encuentro donde.
Saludos
Johanna