Marge blanche
Profil introuvable Le 28 juillet 2017 à 16:37 (Édité le 25 janvier 2019 à 17:53)
en tant qu'abonner sur la chaine Youtube de PrimFX, je debute en programation et je rencontre donc quelque soucis. Jusqu'a présent rien de grave. Mais depuis hier, je m'interoge.
Voila lorsque je lance mon site sur mon navigateur(Chrome) mais aussi sur Edge et Internet Explorer, j'optient un marge blanche tout autour de ma page web. Et je ne trouve pas de solution. Je vous joins donc le code Css et Html(php) de mon header. Merci d'avance pour vos reponse.
Voila le header.
<header>
<div class="haut_page">
<h1>Whipfred</h1>
<nav class="nav_log">
<ul>
<li><a href="register.php">S' inscrire</a></li>
<li><a href="login.php">Se connecter</a></li>
</ul>
</nav>
</div>
<nav class="menu_nav">
<ul>
<li><a href="index.php">Accueil</a></li>
<li><a href="chat.php">Chat</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Tutoriels</a></li>
</ul>
</nav>
</header>
</body>
.register{
border: 2px solid #CF000F;
width: 700px;
margin: auto;
margin-top: 150px;
}
.titre_chat{
text-align: center;
color: #CF000F;
text-decoration: underline;
}
.chat{
border: 2px solid #CF000F;
width: 700px;
margin: auto;
font-size: 12px;
}
.chat button{
text-align: center;
width: 200px;
margin-left: 250px;
}
span{
color: #CF000F;
}
.menu_nav{
background-color: rgba(207, 0, 15,0.9);
position: relative;
margin: 0 0 0 0;
}
.menu_nav ul li a{
text-align: center;
text-decoration: none;
color: #F2F1EF;
margin:0px;
}
.menu_nav ul li{
list-style-type: none;
display: inline-block;
padding: 10px;
margin: 0px;
}
.menu_nav ul li:hover{
background-color: #F2F1EF;
transition: 0.3s;
}
.menu_nav ul li:hover a{
color: #CF000F;
transition: 0.3s;
}
.haut_page{
background-color: #2c3e50;
margin: 0 auto;
padding: 10px;
display: flex;
justify-content: space-between;
}
.haut_page h1{
color: rgba(207, 0, 15,0.9);
margin: 0;
padding-left: 7px;
padding-top: 6px;
}
.haut_page .nav_log{
display: inline-block;
}
.nav_log ul li a{
color: #F2F1EF;
text-decoration: none;
text-align: center;
}
.nav_log ul li{
list-style-type: none;
display: inline-block;
padding-left: 10px;
}
.family{
color: green;
}
.basic_submit{
border-radius: 4px;
padding: 3px;
margin-bottom: 1px;
color: rgba(44, 62, 80, 0.6);;
}
.basic_submit:focus{
background-color: rgba(44, 62, 80, 0.6);
color: #F2F1EF;
}
body{
background-color: #F2F1EF;
}
<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<title>Accueil</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<?php include('inc/header.php'); ?>
<p align="center"><font size="5"> Bienvenue <?php
if (isset($_SESSION['pseudo'])) {
echo $_SESSION['pseudo'];
}
else {
echo ", pour acceder à la totalité des fontionnalité du site, inscrivez vous!";
}
?></font></p>
</body>
</html>
TheOldNoob Le 29 juillet 2017 à 12:26
Chaque navigateur a sa propre feuille de style qu'il faut écrasé dans la plupart des cas.
Il faut faire un reset CSS. Alsacréation explique ça très bien.
Bonne lecture 😀
TheOldNoob Le 29 juillet 2017 à 14:30
Mais si tu vais un reset css, tu n'aura plus se problème.
Profil introuvable Le 29 juillet 2017 à 14:55 (Édité le 29 juillet 2017 à 14:55)
En tout cas merci d'avance ca fait 3 jours que je tourne en rond
TheOldNoob Le 29 juillet 2017 à 15:33
Normalement juste avec :
* { margin :0;}
