Loading css/style.css +19 −10 Original line number Diff line number Diff line Loading @@ -3,24 +3,33 @@ body{ background-image: url("../image/theme_clair.jpg"); background-repeat: no-repeat; background-size: 100%; height: auto; width: auto; resize:both; overflow: scroll; text-align: center; } h1{ color: aliceblue; } p{ color: aliceblue; text-align: center; } button{ margin-left: 10px; margin-right: 10px; } #codePostalInput{ margin-left: 10px; margin-right: 10px; .resultat{ border: 1px solid black; border-radius: 20px; margin-left: auto; margin-right: auto; width: 25%; } #villeListe{ margin-top: 10px; margin-right: 5.5%; } .cache{ display: none; } index.html +4 −1 Original line number Diff line number Diff line Loading @@ -8,10 +8,13 @@ </head> <body> <h1>Instant Weather</h1> <p>Entrer votre code postal:<input type="search" id="codePostalInput"><button id="recherche">Rechercher</button></p> <input type="search" id="codePostalInput" placeholder="Entrez votre code postal"><button id="recherche">Rechercher</button> <br> <select id="villeListe"> <option>--Sélectionner une ville--</option> </select> <div class="resultat cache" > </div> <script src ="js/script.js"></script> </body> </html> No newline at end of file Loading
css/style.css +19 −10 Original line number Diff line number Diff line Loading @@ -3,24 +3,33 @@ body{ background-image: url("../image/theme_clair.jpg"); background-repeat: no-repeat; background-size: 100%; height: auto; width: auto; resize:both; overflow: scroll; text-align: center; } h1{ color: aliceblue; } p{ color: aliceblue; text-align: center; } button{ margin-left: 10px; margin-right: 10px; } #codePostalInput{ margin-left: 10px; margin-right: 10px; .resultat{ border: 1px solid black; border-radius: 20px; margin-left: auto; margin-right: auto; width: 25%; } #villeListe{ margin-top: 10px; margin-right: 5.5%; } .cache{ display: none; }
index.html +4 −1 Original line number Diff line number Diff line Loading @@ -8,10 +8,13 @@ </head> <body> <h1>Instant Weather</h1> <p>Entrer votre code postal:<input type="search" id="codePostalInput"><button id="recherche">Rechercher</button></p> <input type="search" id="codePostalInput" placeholder="Entrez votre code postal"><button id="recherche">Rechercher</button> <br> <select id="villeListe"> <option>--Sélectionner une ville--</option> </select> <div class="resultat cache" > </div> <script src ="js/script.js"></script> </body> </html> No newline at end of file