Il semblerait que le meilleur lien soit celui-ci :
https://css-tricks.com/perfect-full-page-background-image/
J'ai commencé à intégrer l'image comme suit et ça fonctionne très bien :
%html <?php include __DIR__.'/header.php'; ?> <div class="content"> <div class="menu"> <ul> <li>Accueil</li> <li>Bio'</li> <li>Réalisations</li> <li>Contact</li> </ul> </div> <img class="koko-center" src="http://localhost/pluxml/themes/defaut/img/Koko2.png"> </div> %
%CSS html { background-color:black; background-image:url('http://localhost/pluxml/themes/defaut/img/fond.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; } .content{ margin-top:30em; } .menu { border:3px solid white; color:white; background:black; font-size:3em; width:50%; margin:auto; text-align:center; } .menu li{ display:inline-block; width:300px; } .koko-center { width:800px; height:auto; display: block; margin-left: auto; margin-right: auto; } %
Bien sûr c'est un peu du bricolage,on peut faire mieux avec flexbox niveau propreté du code mais c'est une piste de début. J'uploade l'image de fond.
:: @Flo added on 01 Jul ’20 · 20:58
A noter le fichier header.php doit être vidé de ses références à la feuile de style plucss.css.
Je travaille sur le template home.php.