Bonsoir !
J'ai un petit problème que je n'arrive pas à régler,il s'agit de la fameuse bande blanche en dessous de la page. J'ai regarder sur plusieurs forums comment faire; mais rien à y faire, le problème persiste.
Je vous envoie mon code
HTML
et le CSS que vous avez besoin
Modifié par Senpai (30 Oct 2017 - 22:47)
J'ai un petit problème que je n'arrive pas à régler,il s'agit de la fameuse bande blanche en dessous de la page. J'ai regarder sur plusieurs forums comment faire; mais rien à y faire, le problème persiste.
Je vous envoie mon code
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nous rejoindre</title>
<link rel="stylesheet" href="css/boutstrap.min.css">
<link rel="stylesheet" href="css/style1.css">
</head>
<body>
<header class="container-fluid header">
<div class="container">
<a href="#" class="logo"> <img title="Adamaï" src="img/Adamaï.png" height="80" width"200"/></a>
<div class="btncnx"><button class="btn btn-custome"> Connexion</button></div>
<nav class="menu">
<a href="#"><button type="button" class="btn3d btn btn-voter btn-lg"><span class="glyphicon glyphicon-download-alt"></span> Voter</button></a>
<a href="#"><button type="button" class="btn3d btn btn-rejoindre btn-lg"><span class="glyphicon glyphicon-tag"></span> Rejoindre</button></a>
<a href="file:///C:/Users/Brieuc/Desktop/MonSite2.0/index.html#"><button type="button" class="btn btn-adamai btn-lg btn3d"><span class="glyphicon glyphicon-cloud"></span> Adamaï</button></a>
<a href="#"><button type="button" class="btn btn-boutique btn-lg btn3d"><span class="glyphicon glyphicon-ok"></span> Boutique</button></a>
<a href="#"><button type="button" class="btn btn-classement btn-lg btn3d"><span class="glyphicon glyphicon-question-sign"></span> Classement</button></a>
<a href="#"><button type="button" class="btn btn-forum btn-lg btn3d"><span class="glyphicon glyphicon-warning-sign"></span> Forum</button></a>
</nav>
</div>
</header>
<!-- NE PAS SUPPRIMER !!-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<div class="fondrjndr">
<img src="img/fondrejoindre.jpg"/>
</div>
<div class="fin">
<img src="img/fin.png"/>
</div>
<div class="combo">
<img src="img/Combo.png"/>
</div>
<!-- Website CSS style -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Website Font style -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
<div class="container">
<div class="row main">
<div class="main-login main-center">
<h5 class="inscrire"> INSCRIVEZ-VOUS !</h5>
<form class="" method="post" action="#">
<div class="form-group">
<label for="name" class="cols-sm-2 control-label">Votre nom</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="name" id="name" placeholder="nom"/>
</div>
</div>
</div>
<div class="form-group">
<label for="email" class="cols-sm-2 control-label">Votre e-mail</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="email" id="email" placeholder="e-mail"/>
</div>
</div>
</div>
<div class="form-group">
<label for="username" class="cols-sm-2 control-label">Pseudo</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="username" id="username" placeholder="pseudo"/>
</div>
</div>
</div>
<div class="form-group">
<label for="password" class="cols-sm-2 control-label">Mot de Passe</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="password" id="password" placeholder="mot de passe"/>
</div>
</div>
</div>
<div class="form-group">
<label for="confirm" class="cols-sm-2 control-label">Confirmer votre Mot de Passe</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="confirm" id="confirm" placeholder="confirmer mot de passe"/>
</div>
</div>
</div>
<div class="form-group ">
<a href="http://deepak646.blogspot.in" target="_blank" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">Terminer l'inscription !</a>
</div>
</form>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<div class="inscription">
<img src="img/inscription.png"/>
</div>
<div class="inscription1">
<img src="img/inscription.png"/>
</div>
<div class="fondlauncher">
<img src="img/fondlauncher.png"/>
</div>
<div class="launcher">
<a href="#"><button type="button" class="btn btn-launcher btn-lg btn3d"><span class="glyphicon glyphicon-ok"></span>Télécharger le Launcher</button></a>
</div>
<div class="noir">
<img src="img/noir.png"/>
</div>
</body>
</html>
et le CSS que vous avez besoin
@@charset "UTF-8";
body, html{
padding: 0;
margin: 0;
}
a, a:hover {
text-decoration: none;
}
.container-fluid {
padding: 0;
}
.header {
background-color: #031625;
height: 80px;
line-height: 80px;
}
/* pied de la page */
.noir {
margin-top: 100px;
position: relative;
}Modifié par Senpai (30 Oct 2017 - 22:47)