Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.
Caractère invisible dans la page
Résolu
Bonjour dans ma page forum.php j'ai ça qui s'affiche au lieu de ça (photo montage) c'est ce que je voudrait mais ce code m'en empeche :
<?php
session_start();
include('connexionDB.php'); // Fichier PHP contenant la connexion à votre BDD
$req = $DB->query("SELECT *
FROM forum
ORDER BY ordre");
$req = $req->fetchAll();
?>
<!DOCTYPE html>
<html>
<head>
<base href="/"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<title>Forum</title>
<link rel="stylesheet" type="text/css" href="default.css">
<link rel="stylesheet" type="text/css" href="style3.css" />
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<?PHP include 'menu.php'; ?>
<div class="container">
<div class="row">
<div class="col-sm-0 col-md-0 col-lg-0"></div>
<div class="col-sm-12 col-md-12 col-lg-12">
<h1 style="text-align: center">Forum</h1>
<div class="table-responsive" style="margin-top: 10px">
<table class="table table-striped">
<tr>
<th>ID</th>
<th>Titre</th>
</tr>
<?php
foreach($req as $r){
?>
<tr>
<td><?= $r['id'] ?></td>
<td><a href="forum/<?= $r['id'] ?>"><?= $r['titre'] ?></a></td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Ça ne fait toujours rien 😭😭
Je te donne une autre technique.
Fait un clique droit sur ton site.
Ensuite tu cliques sur inspecter.
La tu joues avec la balise body et / ou nav avec les margin, margin-top, padding & padding-top
De là, tu observes si l'espace diminue entre le haut de ta page et de ta barre de navigation et tu reportes la modification dans ton CSS.
Salut je n'ai que un seul doctype : (voila l'affichage de firefox)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style3.css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mon profil</title>
</head>
<body>
<nav>
<ul>
<li class="menu-html">
<a href="#">Accueil </a>
<ul class="submenu">
<li>
<a href="/">Retourner à l'accueil</a>
</li>
</ul>
</li>
<li class="menu-video">
<a href="#">Les vidéos</a>
<ul class="submenu">
<li>
<a href="/tirage">Les tirages au sort</a>
</li>
<li>
<a href="/video">Les vidéos du résultat</a>
</li>
<li>
<a href="/autre-video">Mes autres vidéos</a>
</li>
</ul>
</li>
<li class="menu-js">
<a href="#">Arme </a>
<ul class="submenu">
<li>
<a href="/guide-armes">Guide des armes du jeu</a>
</li>
</ul>
</li>
<li class="menu-forum">
<a href="#">Partie perso </a>
<ul class="submenu">
<li>
<a href="/partie-perso">Partie perso</a>
</li>
</ul>
</li>
<li class="menu-css">
<a href="#">Les membres</a>
<ul class="submenu">
<li>
<a href="/profil">Mon profil</a>
</li>
<li>
<a href="/deconnexion">Déconnexion</a>
</li>
<li>
<a href="/utilisateurs">Voir tous les membres</a>
</li>
<li class="nav-item">
<a class="nav-link" href="forum">Forum</a>
</li>
</ul>
</li>
<li class="menu-contact">
<a href="#">Contact</a>
<ul class="submenu">
<li>
<a href="/contact">Me contacter</a>
</li>
</ul>
</li>
<img src="didoub.jpg" alt="" align="right">
</ul>
</nav>
<h2>Voici le profil de Banache Cassandra</h2>
<div>Quelques informations sur lui : </div>
<ul>
<li>Il s'est inscrit en : 2 ème.</li>
<li>Son mail est : Cassandra@icloud.com</li>
<br />
<li>Son anné de naissance est : <br />
<b>Notice</b>: Undefined index: date naissance in <b>/Volumes/site web/Site web 2.0/voir_profil.php</b> on line <b>38</b><br />
</li>
<br />
<li>C'est un : <br />
<b>Notice</b>: Undefined index: sexe in <b>/Volumes/site web/Site web 2.0/voir_profil.php</b> on line <b>39</b><br />
</li>
<li>Son compte a été crée le : 2019-10-22 20:00:00</li><br />
<li>Sa biographie est : Bonjour !</li>
</ul>
<body>
</html>
Re:
Didoub74, tu as sûrement mis plusieurs "DOCTYPE" dans ta page...
Un seul suffit, ça corrigera cet erreur...
Salut Didoub74,
Peux-tu tester ceci :
nav{
width: 100%;
background-color: #424558;
padding: 0 !important;
margin: 0 !important;
}
Code css :
body{
font-family: calibri;
margin: 0px;
padding: 0px;
}
nav > ul{
margin: 0px;
padding: 0px;
}
nav > ul > li{
float: left;
position: relative;
}
nav li{
list-style-type: none;
}
.submenu{
display: none;
}
nav{
width: 100%;
background-color: #424558;
}
nav > ul::after{
content: "";
display: block;
clear: both;
}
nav a{
display: inline-block;
text-decoration: none;
}
nav > ul > li > a{
padding: 20px 30px;
color: #FFF;
}
nav > ul > li > ul > li > a{
color: #000000;
}
nav li:hover .submenu{
display: inline-block;
position: absolute;
top: 100%;
left: 0px;
padding: 0px;
z-index: 100000;
}
.submenu li{
border-bottom: 1px solid #CCC;
}
.submenu li a{
font-size: 13px;
color: #222538
;
}
.menu-html:hover{
border-top: 5px solid #e44d26;
background-color: rgba(228, 77, 38, 0.15);
}
.menu-css:hover{
border-top: 5px solid #0070bb;
background-color: rgba(000, 112, 192, 0.15);
}
.menu-js:hover{
border-top: 5px solid #f1dc4f;
background-color: rgba(241, 211, 79, 0.15);
}
.menu-contact:hover{
border-top: 5px solid #BBB;
background-color: rgb(122, 119, 119);
}
.menu-video:hover{
border-top: 5px solid #FFB979;
background-color: rgb(122, 119, 119);
}
.menu-forum:hover{
border-top: 5px solid #00ff00;
background-color: rgb(122, 119, 119);
}
.menu-didoub74:hover{
border-top: 5px solid rgb(0, 0 , 255);
background-color: rgba(000, 112, 192, 0.15);
}
nav > ul > li:hover a{
padding: 15px 30px 20px 30px
}
.menu-html .submenu{
background-color: rgb(230, 100 , 40);
}
.menu-css .submenu{
background-color: rgb(000, 160 , 240);
}
.menu-js .submenu{
background-color: rgb(251, 216 , 99);
}
.menu-contact .submenu{
background-color: rgb(224, 223 , 223);
}
.menu-video .submenu{
background-color: #FFB979;
}
.menu-didoub74 .submenu{
background-color: #5959ff;
}
.menu-forum .submenu{
background-color: #00ff00;
}
.submenu li:hover a{
color: #EEE
font-weight: bold;
}
.menu-html .submenu li:hover{
background-color: rgb(210, 77, 60);
}
.menu-css .submenu li:hover{
background-color: rgb(000, 115, 200);
}
.menu-js .submenu li:hover{
background-color: rgb(200, 165, 75);
}
.menu-contact .submenu li:hover{
background-color: rgb(122, 119 , 119);
}
.menu-video .submenu li:hover{
background-color: rgb(255, 123 , 0);
}
.menu-forum .submenu li:hover{
background-color: #00d800;
}
.menu-didoub74 .submenu li:hover{
background-color: rgb(0, 0 , 255);
}
Re:
Didoub74, autant pour moi je n'avais pas fait attention en regardant en haut de l'image 😅
Poste ton code CSS également afin de pouvoir t'aider au mieux pour le débogage 😉
Bonjour j'ai essayé le margin top il ne sert à rien
Voilà mon code :
<?php
session_start();
include('connexionDB.php');
if (!isset($_SESSION['id'])){
header('Location: index.php');
exit;
}
// Récupèration de l'id passer en argument dans l'URL
$id = (int) $_GET['id'];
// On récupère les informations de l'utilisateur grâce à son ID
$afficher_profil = $DB->query("SELECT *
FROM utilisateur
WHERE id = ?",
array($id));
$afficher_profil = $afficher_profil->fetch();
if(!isset($afficher_profil['id'])){
header('Location: index.php');
exit;
}
?>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style3.css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mon profil</title>
</head>
<body>
<nav style="margin-top: 0px;">
<ul>
<li class="menu-html"><a href="#">Accueil </a>
<ul class="submenu">
<li><a href="/">Retourner à l'accueil</a></li>
</ul>
</li>
<li class="menu-video"><a href="#">Les vidéos</a>
<ul class="submenu">
<li><a href="/tirage">Les tirages au sort</a></li>
<li><a href="/video">Les vidéos du résultat</a></li>
<li><a href="/autre-video">Mes autres vidéos</a></li>
</ul>
</li>
<li class="menu-js"><a href="#">Arme </a>
<ul class="submenu">
<li><a href="/guide-armes">Guide des armes du jeu</a></li>
</ul>
</li>
<li class="menu-forum"><a href="#">Partie perso </a>
<ul class="submenu">
<li><a href="/partie-perso">Partie perso</a></li>
</ul>
</li>
<li class="menu-css"><a href="#">Les membres</a>
<ul class="submenu">
<?php
if(!isset($_SESSION['id'])){ // Si on ne détecte pas de session alors on verra les liens ci-dessous
?>
<li><a href="/inscription">S'inscrire</a></li>
<li><a href="/connexion">Connexion</a></li>
<li><a href="/motdepasse">Mot de passe oublié</a></li>
<?php
}else{ ?>
<li><a href="/profil">Mon profil</a></li>
<li><a href="/deconnexion">Déconnexion</a></li>
<li><a href="/utilisateurs">Voir tous les membres</a></li>
<li class="nav-item"><a class="nav-link" href="forum">Forum</a></li>
<?php } ?></ul>
</li>
<li class="menu-contact"><a href="#">Contact</a>
<ul class="submenu">
<li><a href="/contact">Me contacter</a></li>
</ul>
</li>
<img src="didoub.jpg" alt="" align="right">
</ul>
</nav>
<h2>Voici le profil de <?= $afficher_profil['nom'];?></h2>
<div>Quelques informations sur lui : </div>
<ul>
<li>Il s'est inscrit en : <?= $afficher_profil['id'] ?> ème.</li>
<li>Son mail est : <?= $afficher_profil['mail'] ?></li><br />
<li>Son anné de naissance est : <?= $afficher_profil['date naissance'] ?></li><br />
<li>C'est un : <?= $afficher_profil['sexe'] ?></li>
<li>Son compte a été crée le : <?= $afficher_profil['date_creation_compte'] ?></li><br />
<li>Sa biographie est : <?= $afficher_profil['biographie'] ?></li>
</ul>
<body>
</html>
Salut Didoub74
Vérifie qu'aucune balise PHP echo ou autre erreur invisible du code qui viendrait perturber le header.
Au pire, fait un margin-top en CSS sur la navbar et le problème est vite réglé 😉
Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.