« Modèle:Pays test » : différence entre les versions

Version du 2 avril 2025 à 10:48

 <input type="radio" id="panel1" name="infobox" checked />
 <label for="panel1" class="infobox-label">Panel 1</label>

 <input type="radio" id="panel2" name="infobox" />
 <label for="panel2" class="infobox-label">Panel 2</label>

     Description of Image 1

Description for Image 1

     Description of Image 2

Description for Image 2

@@ Ligne 1 : / Ligne 1 : @@
-<div class="infobox">
+<div style="text-align:center;">
-    <!-- Hidden radio buttons to control panels -->
+  <input type="radio" id="panel1" name="infobox" checked />
-    <input type="radio" id="panel1" name="panel" checked>
+  <label for="panel1" class="infobox-label">Panel 1</label>
-    <input type="radio" id="panel2" name="panel">
-    <!-- Panels -->
+  <input type="radio" id="panel2" name="infobox" />
-    <div class="content">
+  <label for="panel2" class="infobox-label">Panel 2</label>
-        <div class="infobox-panel" id="content1">
-            <h3>Mappemonde</h3>
+  <div class="infobox-container">
-            <p>This is the content of Panel 1.</p>
+    <div class="infobox-panel" id="content1">
-        </div>
+      [[File:Image1.jpg|250px|alt=Description of Image 1]]
-        <div class="infobox-panel" id="content2">
+      <p>Description for Image 1</p>
-            <h3>Globe</h3>
-            <p>This is the content of Panel 2.</p>
-        </div>
      </div>
+     <div class="infobox-panel" id="content2">
-    <!-- Buttons -->
+      [[File:Image2.jpg|250px|alt=Description of Image 2]]
-     <div class="infobox-buttons">
+      <p>Description for Image 2</p>
-        <label for="panel1">Mappemonde</label>
-        <label for="panel2">Globe</label>
      </div>
+  </div>
 </div>