Résolu Plusieurs problèmes de codage ^^

Statut
N'est pas ouverte pour d'autres réponses.

Frisy

Membre
Inscription
24 Janvier 2013
Messages
799
Réactions
80
Points
11 323
Donc premier problème: je voudrais que la zone blanche fasse toute la page:

Et deuxième je voudrais mettre mes deux boutons l'un a coté de l'autre:

Code:
<html lang="fr">
<body background="fd.jpeg">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/cerulean/bootstrap.min.css" rel="stylesheet"><!-- // Thème Cerulean basé sur bootsrap -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"><!-- // Font-awesome pour les icones -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>

    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Menu</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">PureGaming</a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="index.php"><i class="fa fa-home"></i> Accueil</a>
                    </li>
                    <li>
                        <a href="#"><i class="glyphicon glyphicon-download-alt"></i> Téléchargement (en construction) </a>
                    </li>
                    <li>
                        <a href="Bypass%20Starpass.html"><i class="glyphicon glyphicon-wrench"></i> Bypass Starpass</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-user"></i> Mon compte <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Lien 1</a></li>
                            <li><a href="#">Lien 2</a></li>
                            <li><a href="#">Lien 3</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>


    <div class="container">

      <center
          <div class="jumbotron">
          <h1>Téléchargements</h1>
          <p>Ici c'est une page de téléchargement de divers ressources comme des maps de custom zombies etc.. Amusez vous bien :)  </p>
          <p><a class="btn btn-primary btn-lg" href="https://mega.co.nz/#!xMgSmS5T!IjvQWV6_OiCpzQI3c-SWr_SKH6uXJYrSKPGwrkVQcoQ" role="button">Map custom zombie Cargo </a></p>  PREMIERBOUTON
          <p> <a class="btn btn-primary btn-lg" href="http://www.mediafire.com/download/usfawpkf94mokew/kinodertoten2014.exe" role="button">Map custom zombie Kino Der Toten</a></p> SECOND
          </div>

          </div>
        </div>
      </div>


    </div>


<!-- // Les javascripts nécessaires (jQuery & Bootstrap) -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

Merci de votre aide !
 

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 822
Réactions
5 533
Points
27 882
Salut,
Pour le premier problème je t'invite a lire cette page web qui explique comment définir une div sur la longueur de ta page.
Pour ton deuxième problème il suffit de mettre les deux boutons dans le même paragraphe (<p></p>) ;)
 
Cette réponse a aidé l'auteur de cette discussion !

Axx67

Membre
Inscription
16 Février 2015
Messages
352
Réactions
236
Points
9 366
Mmhh.. Tu dis vouloir apprendre par toi même..

Ce serait bien d'aller jetter un oeil sur OpenClassRoom non ?

Parce que si tu ne sais même pas ou se trouve le CSS c'est plutôt très mal parti..
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut