CSS
CSS : Mise en forme d’une liste déroulante
Un peu de HTML pour commencer Pour mon exemple, j’ai décidé de choisir une petite question toute bête qui possède la faculté de foutre le bordel très facilement dans certains forums de joueurs. Concernant le code en lui-même, rien de bien compliqué. Une liste déroulante est composée d’une balise <select> qui englobe une liste de balises <option> qui symbolisent chaque élément de notre liste. Mais ce qui nous intéresse le plus n’est pas le code HTML, mais le CSS que vous pouvez-voir juste après : <div class=”bloc”> <div class=”select”> <select> <option>Vous êtes plutôt ?</option> <option value=”1″>PlayStation</option> <option value=”2″>Xbox</option> <option value=”3″>Nintendo</option> <option value=”4″>PC Master Race</option> </select> </div> </div> Et beaucoup de CSS pour finir… /* Ajout d’une petire image de fond juste pour le fun */ body { font-family: ‘Lato’, sans-serif; color: #555555; background: url(https://www.desktopbackground.org/p/2013/12/13/684937_nuclear-war-wallpapers_1600x900_h.jpg); background-repeat: no-repeat; background-size: cover; } /*Pas important, juste pour positioner la liste déroulante en milieude page */…