Espace non voulu page html

to348 Messages postés 1 Date d'inscription Statut Membre Dernière intervention -
txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention - 13 févr. 2022 à 23:06

Bonjour,

J'essaie actuellement de créer un site à l'aide du langage HTML et CSS, je vous ai joint mon code. Un espace est présent sans aucun élément au bas de la page, je ne comprends pas comment l'enlever, pouvez-vous m'aider ?

Merci

<html>
	<head>
		<meta charset="utf-8"/>
		<title>boto</title> 
		<link rel="icon" href="boto.png" />
		<link rel="stylesheet" href="style.css">
	<head>

	<body>
		<a href="Accueil.html"> <img class=logo
		src="boto.png"> </a>
		<a class=titre href="Accueil.html"> <b>boto</b> </a>
		<a class=accueil href="Accueil.html">Accueil</a>
		<a class=catalogue href="Catalogue.html">Catalogue</a>
		<a class=suivi href="https://parcelsapp.com/fr" target="_blank">Suivi commandes</a>
		<a class=contact href="Contact.html">Contact</a>
		<img  class=banniere src="banniere.jpg">
		<p class=titre2> Toutes nos sneakers sont <br/>100 % authentiques ! </p>
		<a class=decouvrir href="Catalogue.html">Découvrir </a> 
		<p class=bestseller > Bestsellers. </p>
		<img class=j1dior src="j1dior.png">
		<a class=acheterj1dior href="https://stockx.com/fr-fr/air-jordan-1-retro-high-dior" target="_blank">Acheter </a>
		<img class=j4firered src="j4firered.png">
		<a class=acheterj4firered href="https://stockx.com/fr-fr/air-jordan-4-retro-fire-red-2020" target="_blank">Acheter </a>
	</body>
		
		


<html>

body
{
	width:110 %;
    margin: auto;
	background-color: black;
	max-width: 100%;
    overflow-x: hidden;

}
.logo
{ 
	width: 5.555%;
	height: auto;
	position: relative;
	top: 2.5%;
	left: 2%;
}

.titre
{
	font-family: Gilmer;
	font-style: regular;
	position: relative;
	top: -2%;
	left: 2.5%;
	color: white;
	text-decoration: none;
	font-size: 120%;
}

.accueil
{
	font-family: Gilmer;
	font-style: regular;
	position: relative;
	color: white;
	top: -2%;
	left: 46%;
	text-decoration: none;
	font-size: 120%;
}
.catalogue
{
	font-family: Gilmer;
	font-style: regular;
	position: relative;
	color: white;
	top: -2%;
	left: 49%;
	text-decoration: none;
	font-size: 110%;
}

.suivi
{
	font-family: Gilmer;
	font-style: regular;
	position: relative;
	color: white;
	top: -2%;
	left: 52%;
	text-decoration: none;
	font-size: 110%;
}


.contact
{
	font-family: Gilmer;
	font-style: regular;
	position: relative;
	color: white;
	top: -2%;
	left: 55%;
	text-decoration: none;
	font-size: 110%;
}


.banniere
{ 
	width: 101%;
	height: auto;
	position: relative;
	top: 7%;
	left: 0%;
}

.titre2
{
	font-family: Poppins;
	position: relative;
	color: white;
	font-size: 300%;
	text-align: center;
	top: -70%;	
}

.decouvrir
{  
text-decoration: none;
top: -70%;
font-family: Poppins;
font-size: 150%;
color: white;
position: relative;
padding: 10px; 
background: #ad00ff;
width: 150px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.banniereproduit
{
	width: 100%;
	height: 350px;
	position: relative;
	top: -90%;
	left: 0%;
}

.bestseller
{
	font-family: Poppins;
	position: relative;
	color: white;
	font-size: 110%;
	top: -38%;
	right: -2%;
}

.j1dior
{ 
	width: 13%;
	height: auto;
	position: relative;
	top: -38%;
	left: 7%;
}

.acheterj1dior
{
	
	font-family: Gilmer;
	position: relative;
	color: black;
	top: -36%;
	left: -36%;
	text-decoration: none;
	font-size: 90%;
	padding: 7px; 
	background: #ffffff;
	width: 90px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.j4firered
{ 
	width: 13%;
	height: auto;
	position: relative;
	top: -60%;
	left: 23%;
}

.acheterj4firered
{
	
	font-family: Gilmer;
	position: relative;
	color: black;
	top: -58%;
	left: -20%;
	text-decoration: none;
	font-size: 90%;
	padding: 7px; 
	background: #ffffff;
	width: 90px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

Afficher la suite

A voir également:

Espace html
Espace insécable - Guide
Espace de stockage gmail plein - Guide
Editeur html - Télécharger - HTML
Espace stockage google - Guide
Html br - Forum HTML

2 réponses

Réponse 1 / 2

valttt Messages postés 299 Date d'inscription Statut Membre Dernière intervention 15

Bonjour, il serait peut-être bon de commencer par le commencement.
Les erreurs de votre développement sont très nombreuses, alors conseil : https://www.pierre-giraud.com/html-css-apprendre-coder-cours/

Réponse 2 / 2

txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention 521

Bonsoir à tous,
Règle n° 1: font-family: Gilmer; Ne jamais mettre qu'une police de caractère dans un css. Si le client ne possède pas cette font, ça affichera une font présente sur son ordi.
on met toujours plusieurs font, du plus courant au plus rare et bien sur celle qui s'approche de ce que tu veux voir apparaitre sur ton site.
font-family: Verdana, Arial, Gilmer, ETC...; (Gilmer c'est pas du standard, ni d'ailleurs Poppins).
Tout ce que tu met entre  et </body> c'est du n'importe quoi.
Tu as des  partout: p= paragraphe donc saut de ligne important, c'est du contenu de type "bloc".
Pour obtenir des retour à la ligne utilise les   pour break, et non  pour saut de ligne.
De plus les classes c'est aussi du pif, j'ai l'impression que tu ne maitrise pas les classes.
N'oubli pas de colorer ton code avec le bouton code puis type de langage sur la barre de mise en forme du texte

<>

Discussions similaires

Espace en HTML

Espace HTML

[**] Balise pour un espace vide en hml. Merci

la balise ou

ou ou

Votre réponse

Discussions similaires