Résolu Plusieurs problèmes de codage ^^

Frisy · 2 Août 2015

Donc premier problème: je voudrais que la zone blanche fasse toute la page:

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

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

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

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 !

AwHFR · 2 Août 2015

Pour le deuxieme :

Code:

display:inline-block;

Frisy · 2 Août 2015

OSX | AwH a dit:
Pour le deuxieme :

Code:

display:inline-block;

Voila le code dis moi ou le mettre ?

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>

AwHFR · 2 Août 2015

Sur ton bouton, pour qu'il est cette propriété

Frisy · 2 Août 2015

OSX | AwH a dit:
Sur ton bouton, pour qu'il est cette propriété

Donne moi le code adapté avec ta commande pour voir car je comprends pas ou le mettre

MiniNuit · 2 Août 2015

Tu dois juste agrandir les PX de ta zone blanche. Mais vu que tu met pas de com dans ton html dure de s'y retrouver^^

Frisy · 2 Août 2015

MiniNuit a dit:
Tu dois juste agrandir les PX de ta zone blanche. Mais vu que tu met pas de com dans ton html dure de s'y retrouver^^

Le truc c'est que y'a pas de px ^^

AwHFR · 2 Août 2015

FrisyGaming a dit:
Donne moi le code adapté avec ta commande pour voir car je comprends pas ou le mettre

Je peux te faire ton site au passage

Frisy · 2 Août 2015

MiniNuit a dit:
Tu dois juste agrandir les PX de ta zone blanche. Mais vu que tu met pas de com dans ton html dure de s'y retrouver^^

C'est sa le code du conteneur :

Code:

<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>
        <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>
          </div>

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


    </div>

Frisy · 2 Août 2015

OSX | AwH a dit:
Je peux te faire ton site au passage

Tkt je veux apprendre par moi même

mais merci quand meme ^^

MiniNuit · 2 Août 2015

FrisyGaming a dit:
Le truc c'est que y'a pas de px ^^

Bhein... Voila qui est problématique^^ Alors je sais pas. Perso j'ai appris les base sur Codeacademy.fr et dans le code je devais toujours insérer : "font-size:25px"

Djamel SEC · 2 Août 2015

1) Tu veux mettre du blanc partout ? Si oui ->

Code:

background-color:#FF0000;

2) display:inline-block; dans ton CSS

Frisy · 2 Août 2015

Djamel SEC a dit:
1) Tu veux mettre du blanc partout ? Si oui -> "background-color:#FF0000;"

2) display:inline-block; dans ton CSS

Ouais mais mets le dans les codes fournis a la page plus haut stp car je sais pas ou le mettre

MiniNuit · 2 Août 2015

Un conseil met des coms dans ton code, ça t'aidera pour la suite !

Djamel SEC · 2 Août 2015

FrisyGaming a dit:
Ouais mais mets le dans les codes fournis a la page plus haut stp car je sais pas ou le mettre

Possible d'avoir ton code CSS ?

Frisy · 2 Août 2015

Djamel SEC a dit:
Possible d'avoir ton code CSS ?

Le problème c'est que je sais pas ou il est en css j'ai que bootstrap

MiniNuit · 2 Août 2015

Moi j'ai une question qui ne t'aideras pas vraiment, mais ça m'intéresse^^ Tu héberge ton site ou ?

Frisy · 2 Août 2015

MiniNuit a dit:
Moi j'ai une question qui ne t'aideras pas vraiment, mais ça m'intéresse^^ Tu héberge ton site ou ?

ovh

MiniNuit · 2 Août 2015

Merci beaucoup

Frisy · 2 Août 2015

MiniNuit a dit:
Merci beaucoup

Djamel SEC a dit:
Possible d'avoir ton code CSS ?

Le code css je croit est

Code:

jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }

Résolu Plusieurs problèmes de codage ^^

Frisy

Membre

AwHFR

Unix > ms-dos

Frisy

Membre

AwHFR

Unix > ms-dos

Frisy

Membre

MiniNuit

Frisy

Membre

AwHFR

Unix > ms-dos

Frisy

Membre

Frisy

Membre

MiniNuit

Djamel SEC

Frisy

Membre

MiniNuit

Djamel SEC

Frisy

Membre

MiniNuit

Frisy

Membre

MiniNuit

Frisy

Membre