Résolu Faire une page supplémentaire à coter de la 1er.

[WellKoopa]

Bonjour,

Je voudrais mettre plusieurs pages côte à côte met je ses pas trop comment m'y prendre.

Je vous montre en screenshots ce que je voudrais exactement.

 

[Whyouuu]

Ta discussion se trouvait dans la mauvaise section , je l'ai donc déplacée dans la bonne section .

 

[GeorgesClounkey]

<style>
    .cote {
        width: 300px;
        height: 300px;
        background-color: black;
        display: inline-block;
    }
</style>
<div class="cote"></div>
<div class="cote"></div>

 

[WellKoopa]

<style>
    .cote {
        width: 300px;
        height: 300px;
        background-color: black;
        display: inline-block;
    }
</style>
<div class="cote"></div>
<div class="cote"></div>

J essaie sa et je te dit

 

[WellKoopa]

Euh parcontre en regardant mieux je viens de comprendre je pense pas que tu à compris enfaites dans mon screen ci-dessus j'ai des boutons pour bannir un membre et je voudrais que sa fasse 6 colonne de 4 boutons et ensuite dés que sa arrive à 6 colonne et que la colonne 6 est remplis une page suplémentaire ce met en dessous met sa je ses fait je voudrais juste l'idée ou même le code pour le l'histoire des colonne qui soit aligner 4 par 4

 

[WellKoopa]

Pour être plus précis sur le sujet je vous remontre un screen:

Je voudrais positionner mes boutons comme sa je veut pas qu"il soit aligner de haut en bas met comme dans le screen.

Ensuite comme dans le screen si la page est remplis je ferais ouvrir une nouvelle page sa je ses faire donc pas besoin.

Met ce qui concerne mon aide j'aimerais avoir sa sur mon ecran je veut pas de bouton de haut en bas je voudrais avoir la même chose dans le screen.

 

[GeorgesClounkey]

Bootstrap ?

 

[GeorgesClounkey]

<div class="row">
<div class="col-lg-2">#1</div>
<div class="col-lg-2">#2</div>
<div class="col-lg-2">#3</div>
<div class="col-lg-2">#4</div>
<div class="col-lg-2">#5</div>
<div class="col-lg-2">#6</div>
</div>

 

[WellKoopa]

Bootstrap ?

Oui

<div class="row">
<div class="col-lg-2">#1</div>
<div class="col-lg-2">#2</div>
<div class="col-lg-2">#3</div>
<div class="col-lg-2">#4</div>
<div class="col-lg-2">#5</div>
<div class="col-lg-2">#6</div>
</div>

Ok j'essaie.

 

[WellKoopa]

<div class="row">
<div class="col-lg-2">#1</div>
<div class="col-lg-2">#2</div>
<div class="col-lg-2">#3</div>
<div class="col-lg-2">#4</div>
<div class="col-lg-2">#5</div>
<div class="col-lg-2">#6</div>
</div>

Parcontre je ses pas trop comment m'y prendre car mon code est comme sa:

<?php
$info = $bdd->query('SELECT * FROM membre');
foreach($info as $info)
{
?>
<?php if($info['rank'] == '1') { ?> <div class="buttons"><a href="bannir.php?ban=<?= $info['id']; ?>&amp;token=<?php echo $_SESSION['token']; ?>" class="btn home">Bannir <?= $info['pseudo']; ?></a></div> <?php } elseif($info['rank'] == '0') { ?> <div class="buttons"><a href="bannir.php?deban=<?= $info['id']; ?>&amp;token=<?php echo $_SESSION['token']; ?>" class="btn home">Dé-bannir <?= $info['pseudo']; ?></a></div> <?php } ?></p>
<?php
}
?>

 

[GeorgesClounkey]

montre ta page entière, avec ce que tu me donnes jpeux pas faire des miracles

 

[WellKoopa]

Voila la structure de ma page

<?php
require_once('./config.php');

if(!empty($_GET['ban']) && $_GET['ban'] > 0 && isset($_GET['token']))
{
$id = intval(trim($_GET['ban']));
$banmembre = $bdd->prepare('UPDATE membre SET rank = ? WHERE id = ?');
$banmembre->execute(array("0", $id));
$message_ok = '<div style="width: 80%; margin: -9px auto 15px;" class="alert alert-dismissible alert-success"><i class="fa fa-check" style="color:green"></i>Le membre à bien été banni !</div>';
}
if(!empty($_GET['deban']) && $_GET['deban'] > 0 && isset($_GET['token']))
{
$id = intval(trim($_GET['deban']));
$debanmembre = $bdd->prepare('UPDATE membre SET rank = ? WHERE id = ?');
$debanmembre->execute(array("1", $id));
$message_ok = '<div style="width: 80%; margin: -9px auto 15px;" class="alert alert-dismissible alert-success"><i class="fa fa-check" style="color:green"></i>Le membre à bien été dé-banni !</div>';
}
?>
<!DOCTYPE html>
<html>
<head>
<title><?php echo $nom_siteweb; ?> | Bannir un membre</title>
<?PHP include("./header.php"); ?>
<div class="container">
<?php
if($_SESSION["rank"] == "1") {
$message_erreur1 = '<i class="fa fa-times"></i>Votre rang n\'est pas assez haut pour avoir accès à cette page';
echo '<div class="alert alert-dismissible alert-danger">'. $message_erreur1 .'</div>';
}else{
?>
<?php
if(!isset($_SESSION['pseudo'])){
$message_erreur1 = "Pour effectuer cette action, vous devez être connecté.";
echo '<div class="alert alert-dismissible alert-danger">'. $message_erreur1 .'</div>';
}else{
?>
<form class="login">
<fieldset>
<legend style="background-color:<?php echo $site_color; ?>;" class="legend2">Bannir un Membre de <?php echo $nom_siteweb; ?></legend>   
<?php
if(!isset($message_error)){
echo $message_ok;
}else{
echo $message_error;
}
?>   
<?php
$info = $bdd->query('SELECT * FROM membre');
foreach($info as $info)
{
?>
<?php if($info['rank'] == '1') { ?> <div class="buttons"><a href="bannir.php?ban=<?= $info['id']; ?>&amp;token=<?php echo $_SESSION['token']; ?>" class="btn home">Bannir <?= $info['pseudo']; ?></a></div> <?php } elseif($info['rank'] == '0') { ?> <div class="buttons"><a href="bannir.php?deban=<?= $info['id']; ?>&amp;token=<?php echo $_SESSION['token']; ?>" class="btn home">Dé-bannir <?= $info['pseudo']; ?></a></div> <?php } ?></p>
<?php
}
?>

<?php
}
?>
<?php
}
?>
</div></div></fieldset>
<br><br><br><br><br><br><br>
<div class="footer__push"></div>
</section>
<footer class="footer">
<div class="wrapper">
<div class="footer__media">
</div>
<div class="footer__content">
<p class="footer__copyright"><?php echo $footer; ?></div>
</div>
</footer>
<?PHP include("./footer.php"); ?>