Aide debug html/php

Fermé
Guikian Messages postés 63 Date d'inscription vendredi 22 juin 2012 Statut Membre Dernière intervention 27 octobre 2024 - 9 mai 2020 à 17:23
telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 - 12 mai 2020 à 16:36
Bonjour à tous,

Je souhaiterai savoir si une âme charitable pouvait m'aider à déceler des bugs dans mon code html que je n'arrive pas à déceler seule sur ma maquette de site internet... Mes pages réagissent différemment pourtant elles sont toutes construites depuis la même structure :

- Ici il y a un espace entre le footer et le bas de la page :



- Ici je ne comprends pas pourquoi j'ai un scroll alors que le body n'a que 3 éléments apparents :



Ici la page n'appelle pas le header qui sont en include php mais affichent un ancien header que j'avais codé en html mais qui n'est plus présent sur mon code :



<!doctype html>
<html lang="fr">

	<head id="header">
		<meta charset="utf-8">
		<title id="main-title">Strictly Lokal</title>
		<link rel="stylesheet" href="/css/style.css">
		<script src="script.js"></script>
  </head>
  
	<body>
		<div id="full-page">
			<header>
				<nav>
					<ul>
						<li>
							<a href="index.html">
								<div class="logo-strictly">
									<img src="img/logo.png">
								</div>
							</a>
						</li>
						<li><a href="sorting.html">ENTREPRISES</a></li>
						<li><a href="about.html">QUI SOMMES NOUS?</a></li>
						<li><a href="contact.html">CONTACT</a></li>
						<li>
							<a href="https://www.instagram.com/strictlylokal/?hl=fr"><img src="img/instagram.png"></a>
						</li>
					</ul>
        </nav>
        <div class="language">
          <h3>EN | FR</h3>
        </div>
      </header>
      <section>
        <form action="#" method="get" class="form_sort">
            <select name="order" id="choice_select">
               <option value="order_by">Trier</option>
                <option value="ascending">Croissant (A-Z)</option>
                <option value="descending">Décroissant (Z-A)</option>
                <option value="news">Plus récent</option>
            </select>
            <select name="type" id="choice_select">
               <option value="type">Type</option>
                <option value="accessory">Accessoire</option>
                <option value="app">Application</option>
                <option value="art">Art</option>
                <option value="craft">Artisanat</option>
                <option value="association">Association</option>
                <option value="jewel">Bijoutier</option>
                <option value="drink">Boisson</option>
                <option value="hair">Coiffure</option>
                <option value="beauty">Cosmétiques</option>
                <option value="beautician">Esthéticienne</option>
                <option value="food">Food</option>
                <option value="graphism">Graphisme</option>
                <option value="games">Jeux éducatifs</option>
                <option value="leather_goods">Maroquinerie</option>
                <option value="website">Site web</option>
                <option value="media">Media</option>
                <option value="paper">Papeterie</option>
                <option value="photo">Photographie</option>
                <option value="realisation">Réalisation</option>
                <option value="healthcare">Santé</option>
                <option value="services">Services</option>
                <option value="shop">Shop</option>
                <option value="textile">Textile</option>
            </select>
            <select name="price" id="choice_select">
               <option value="price">Prix</option>
                <option value="expensive">Prix (Moins cher - Plus cher)</option>
                <option value="descending">Prix (Plus cher - Moins cher)</option>
            </select>
        </form>
      </section>
      <section id="first_bloc_list">
          <div class="company_bloc">
          <h3>BRUNCH O KA</h3>
          <div id="opacity">
          <div class="company_list">
            Depuis 2017, Brunch O Ka anime les dimanches de centaines de guadeloupéens. Lancé par deux jeunes, Lïndy et Joël, ce concept original du brunch allie gwo ka...
          </div>
          </div>
          </div>
          <div class="company_bloc">
          <h3>COOK'ILE</h3>
          <div id="opacity">
          <div class="company_list">
            Cook'ile est une pâtisserie, spécialisée dans le Cake Design et la sweet table : "l'art du design et de la gourmandise en Martinique"...
          </div>
          </div>
          </div>
          <div class="company_bloc">
          <h3>CHILLI'ISLAND</h3>
          <div id="opacity">
          <div class="company_list">
            Chilli'Island propose également ce que l'on appelle EPIS aussi connu sous le nom de "tout trempé", une marinade spéciale que l'on retrouve dans la cuisine haïtienne...
          </div>
          </div>
          </div>
          <div class="company_bloc">
          <h3>BBQ DONUTS BOATt</h3>
          <div id="opacity">
          <div class="company_list">
            Le BBQ Donuts Boat, bateau sans permis , pouvant accueillir jusqu'à 10 personnes, tient son nom de sa forme si spécifique. Grâce à lui, vous pourrez naviguer...
          </div>
          </div>
          </div>
          <div class="company_bloc">
          <h3>DIDIBOKIT</h3>
          <div id="opacity">
          <div class="company_list">
            DidiBokit est un FoodTruck caribbean. Le nom est inspiré des deux éléments « Didi » le surnom de ma mère et « Bokit » le produit phare de notre car...
          </div>
          </div>
          </div>
          <div class="company_bloc">
          <h3>MO TI PIZZA</h3>
          <div id="opacity">
          <div class="company_list">
            MO TI PIZZA est née de deux choses : le désir d’entreprendre d’un jeune guyanais et sa passion gourmande pour les pizzas. Soucieux de la qualité de ses produits...
          </div>
          </div>
          </div>
          </section>
<footer>
        <a href="index.html">Accueil</a>
              |      
        <a href="mentions.html">Mentions légales</a>
              |      
        <a href="contact.html">Contact</a>
</footer>
    </body>

</html>


je vous remercie d'avance pour l'attention que vous porterez à mon post.

Bon week-end

Configuration: Macintosh / Firefox 74.0
A voir également:

1 réponse

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
12 mai 2020 à 16:36
Salut,
Ici la page n'appelle pas le header qui sont en include php mais affichent un ancien header que j'avais codé en html mais qui n'est plus présent sur mon code :
T'as essayé de vider le cache de ton navigateur ?
0