0

In moodle; I have added a label section and added html css code so that the frontent looks like overlay design. Program works fine in editor but doesnot respond likewise when uploaded to moodle. Its a simple overlay navigation.

my code: main attribute tag is main navigation and example is overlay navigation!
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="deeps">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" href="t2.css" type="text/css">
</head>

This section is for main navigation.
Evolution Naturwissenschaften in der Biology Mikrobiology Zellbiologie Stoffwechselbiologie Immunbiologie Genetik Organismische Biologie Ökologie Biologie im Studium This section is overlay which will be hidden and once clicked will cover whole page to show another navigation. evolution Entstehung der Erde Entstehung des Lebens Chemie des Lebens Entwicklung des Lebens kapiteltest mikrobiology Einführung in das Mikroskopieren Mikroskopische Dimension Probenpräparation Mikroorganismen und ihre Bedeutung kapiteltest naturwissenschaften in der Biology Von der Hypothese zur Theorie Biochemie und Biophysik des wasser Chemie des Lebens Physik der Lebewesen kapiteltest Zellbiologie Bakterienzellen Pflanzliche und tierische Zellen Gleichheit und Vielfalt von Zellen Zellen, Gewebe und Organe kapiteltest Stoffwechselbiologie Grundlagen des Stoffwechsels Photosynthese Energiestoffwechsel Evolution des Stoffwechsels kapiteltest Immunbiologie Das Immunsystem - eine Übersicht Blut und Immunsystem Immunität und Immunisierung Infektionskrankheiten kapiteltest Genetik Grundlagen der klassiscdhen Genetik Molekulare Grundlagen der genetischen Information Anwendung und Perspektiven der Genetik Gentechnik kapiteltest Organismische Biologie Bakteien Pflanzen Tiere Menschen kapiteltest Organismische Biologie Zusammenhänge im Ökosystem Urbane Ökologie Naturschutzbiologie Ökologie und Nachhaltigkeit kapiteltest Biology im Studium Biologie - Vielfalt und Differenz Biotechnologie - Biologisierung der Technik Gesundheitwissenschaften - Biologie des Menschen Umweltwissenschaften - Biologie der Organismen kapiteltest css code: /* Unopened content of button */ .content { display: none; } .content ul{ list-style-type: none; } /* content display of each topic (button)*/ .content:target { position: relative; display: grid; } /* Lightbox content*/ .content #hide{ left:0; top: 0; position: absolute; padding-top: 50px; height: auto; width: auto; } /* Close button*/ .content .close::after { top: 0; left: 0; position: absolute; display: flex; z-index: 1; align-items: center; justify-content: center; background-color: red; border-radius: 100%; color: black; content: "
Deepak shrestha
  • 1
  • That looks to me as if you want to format almost the entire Question content as `html` code by inserting three back-ticks ``` at the top and another back-ticks triple at the bottom? – Stefan Wuebbe Oct 11 '22 at 09:05

0 Answers0