Block existant que je n'ai pas créé.
[TiDi]
Messages postés
124
Date d'inscription
Statut
Membre
Dernière intervention
-
[TiDi] Messages postés 124 Date d'inscription Statut Membre Dernière intervention -
[TiDi] Messages postés 124 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Sur la page d'accueil d'un site web en construction, se trouve, en dessous du footer les contours d'un block que je n'ai pas créé. Il n'y a rien à l'intérieur de ce block. Les propriétés des contours montre que les blocks à les balises "div".
Voici le HTML de bas de page :
Voici le CSS des balises "footer" et "div" :
Voici une capture d'écran du bas de page :
https://i58.servimg.com/u/f58/18/63/85/87/bogue110.png
--
TiDi
Sur la page d'accueil d'un site web en construction, se trouve, en dessous du footer les contours d'un block que je n'ai pas créé. Il n'y a rien à l'intérieur de ce block. Les propriétés des contours montre que les blocks à les balises "div".
Voici le HTML de bas de page :
<footer>
<p>**</br>
** <a href="**.php">**</a></p>
</footer>
</body>
</html>
Voici le CSS des balises "footer" et "div" :
div
{
border-color: black;
border-style: solid;
border-radius: 5px;
margin: 10px;
padding: 10px;
font-family: MS Reference, Microsoft Sans Serif, Arial;
font-size: 0.8em;
text-align: center;
font-style: none;
}
footer
{
border-style: solid;
border-color: black;
border-radius: 5px;
background-color: black;
padding: 10px;
margin: 10 px;
color: white;
font-family: MS Reference, Microsoft Sans Serif, Arial;
font-size: 0.8em;
}
Voici une capture d'écran du bas de page :
https://i58.servimg.com/u/f58/18/63/85/87/bogue110.png
--
TiDi
4 réponses
-
Bonjour,
Tu est sûr que ce n'est pas dû au design de ton navigateur ?
Google chrome à une chose similaire en bas de page.
SI ton site est en ligne, l'url serait plus simple pour inspecter. -
Ce serait plus pratique voir même indispensable d'avoir le lien du site, et le code complet.
-
Code source complet :
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" /> <link rel="icon" type="image/png" href="images/onglet1.png" /> <title>**</title> </head> <body> <header> <h1><img src="images/**.png" alt="**"/></h1> <h2>**</h2> </header> <section> <div> <p>**</br> **</br></br> <a href="**"><img src="images/**.png" alt="**"/></a></p> <p>**</br> **</br></br> **</br></br> **</p> </div> <div class="connect"> <?php if (!isset($_POST['**']) OR $_POST['**'] != "**") { ?> <form method="post" action="**.php"> <p><label for="**">**</label><input type="text" id="**" name="**"/> <label for="**">**</label><input type="text" id="**" name="**"/> <label for="**">**</label><input type="text" id"**" name="**"/> <label for="**">**</label><input type="password" id="**" name="**"/> <input src="images/**.png" type="image" value="submit" align="center"/></p> </form> <?php } else { ?> <h3 class="info">**<?php echo htmlspecialchars($_POST['**']); ?>, **<?php echo htmlspecialchars($_POST['**']); ?>.</h3> <nav class="menu"> <a href="**.php">**</a> <a href="**.php">**</a> <a href="**.php">**</a> <a href="**.php">**</a> </nav> <?php } ?> </div> </section> <footer> <p>**</br> **<a href="**.php">**</a></p> <div class="network"> <a href="#"><img src="images/**.png" alt="**"/></a> <a href="#"><img src="images/**.png" alt="**"/></a> <a href="#"><img src="images/**.png" alt="**"/></a> </div> </footer> </body> </html>
CSS complet :
body { background-image: url("images/image_fond.png"); background-repeat: no-repeat; background-attachment: fixed; } header h1 { font-family: MS Reference, Microsoft Sans Serif, Arial; font-size: 2em; text-align: center; } header h2 { font-family: MS Reference, Microsoft Sans Serif, Arial; font-size: 1.5em; text-align: center; } div { border-color: black; border-style: solid; border-radius: 5px; margin: 10px; padding: 10px; font-family: MS Reference, Microsoft Sans Serif, Arial; font-size: 0.8em; text-align: center; font-style: none; } footer { border-style: solid; border-color: black; border-radius: 5px; background-color: black; padding: 10px; margin: 10 px; color: white; font-family: MS Reference, Microsoft Sans Serif, Arial; font-size: 0.8em; } .info { color: 84, 82, 82; font-family: MS Reference, Microsoft Sans Serif, Arial; font-style: bold; } textarea { width: 300px; height: 170px; } a { text-decoration: none; color: grey; font-family: MS Reference, Microsoft Sans Serif, Arial; } .menu { font-size: 1em; } -
C'est bien Google Chrome. Parce que je suis passé sur IE et ce bloc à disparu.
Merci.