Sujet Précédent Sujet Suivant

Espace non voulu page html

Fermé
to348 Messages postés 1 Date d'inscription jeudi 3 février 2022 Statut Membre Dernière intervention 3 février 2022 - 3 févr. 2022 à 11:52
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 - 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;
}
A voir également:

2 réponses

Réponse 1 / 2
valttt Messages postés 269 Date d'inscription mercredi 7 mars 2012 Statut Membre Dernière intervention 31 janvier 2024 15
Modifié le 9 févr. 2022 à 11:51
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/
0
Réponse 2 / 2
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
Modifié le 13 févr. 2022 à 23:10
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 </p> et </body> c'est du n'importe quoi.
Tu as des <p> partout: p= paragraphe donc saut de ligne important, c'est du contenu de type "bloc".
Pour obtenir des retour à la ligne utilise les <br> pour break, et non <p> 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 
<>
0

Discussions similaires

Espace en HTML
baissaoui -
baissaoui -

0 réponse
[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
comment donner les droits sur fichier partage
ch'ti du 57 -
fil1958 -

2 réponses