Block existant que je n'ai pas créé.
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.