meilleur mise en page

This commit is contained in:
thaaoblues 2023-04-29 15:48:49 +02:00
parent 5bb031d388
commit 0fff477e3b
2 changed files with 10 additions and 68 deletions

View file

@ -1,64 +0,0 @@
body {
color: white;
background-color: white;
}
.box-jaune h1 {
margin: 0 0 0.5em;
padding: 0;
}
section h1 {
margin: 0;
padding: 10px;
}
section h4 {
margin: 0;
padding: 10px;
}
#main_content {
display: block;
background-color: rgba(255,255,255,0); //pour mettre un magnifique fond
width: 40%;
margin-left: auto;
margin-right: auto;
font-size: 1.2rem;
}
section {
display: block;
width: 80%;
padding: 0;
margin: 20px auto auto;
align-items: center;
border: 5px solid white;
background: rgba(0,0,0,0.5);
}
section ul {
list-style-type: none;
}
section li {
margin-bottom: 30px;
}
section .title_com {
width: 100%;
background-color: white;
color: black;
margin: 0px;
padding: 10px 0px 10px 0px;
}
.fonction_bureau {
display: inline-block;
background-color: white;
color: black;
padding: 10px;
margin-top: 0;
font-size: 1.5rem;
}

View file

@ -1,11 +1,14 @@
<?php
ob_start(); // Start reading html
include "assets/fonts/color.php";
?>
<main>
<div id="main_content">
<div class="zone_txt">
<div class='title_com'>Le Bureau</div>
<div class='title_com'><?= colored_text("Le Bureau") ?></div>
<hr>
<?php
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
$prenom = ["Eléa", "Arthur", "Paul", "Cannelle"];
@ -19,6 +22,7 @@ ob_start(); // Start reading html
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
echo "</li>";
echo "<hr>";
}
echo "</ul>";
?>
@ -26,8 +30,9 @@ ob_start(); // Start reading html
<?php
function respo($name, $prenom, $nom, $mail) {
echo "<section>";
echo "<div class='title_com'>".$name."</div>";
echo "<div class=\"zone_txt\">";
echo "<div class='title_com'>".colored_text($name)."</div>";
echo "<hr>";
echo "<ul>";
for($i = 0; $i < count($prenom); $i++) {
echo "<li>";
@ -36,7 +41,8 @@ ob_start(); // Start reading html
echo "</li>";
}
echo "</ul>";
echo "</section>";
echo "</div>";
}
?>