Beaucoup de mauvaises pratiques. Ton serveur bloque l'analyse du code par le validateur https://validator.w3.org/ ce n'est pas une bonne chose.
Pas de commentaire avant le doctype, place le après. Il te manque la balise d'ouverture <html>.
L'attribut cz-shortcut-listen sur la balise <body> n'est pas valide, cet attribut est exotique. Si tu souhaites utiliser des attributs personnalisé utilise data-*
Ce n'est pas une bonne idée d'indiquer un overflow: hidden; sur le body, tu empèches le scrolle de la page.
La balise <center> est obsolète depuis 1999 soit 25ans, elle n'est plus à utiliser c'est en CSS que l'on centre.
L'attribut alt des images sert à indiquer un texte alternatif descriptif de l'image. Cela sert au moteur de recherche mais principalement aux personnes qui utilise des lecteurs d'écran ou à celles qu n'affichent pas les images. Tous cela pour dire que "GIF animé" n'est pas un texte alternatif correct. Lire :
Le gros problème sur cette page ce sont toutes les positions absolute inutiles. Si je supprime certaine position voici comment ce positionne certain éléments:
On voit ici certain éléments ce positionner les un au dessus des autres avant le footer qui est lui bien en bas. C'est une erreurs que les débutants font de croire que les éléments se positionne à coups de position absolute. Supprime tout ça et laisse les éléments le plus possible dans le flux courant.
Documente toi sur les nouvelles techniques de positionnement que sont flexbox et Grid Layout. Pour flexbox lire :
En conclusion, refaire le positionnement en CSS sans les positions absolute. Tu verras que ce serras également utile pour rendre ton site responsive sur mobile et tablettes. (car actuellement c'est la cata sur mobiles).
Les position ne sont pas en absolute mais en relative, et ce n'est pas cette page le problème, ça c'est l'index elle ne changera plus donc peut restez comme ça, le soucis c'est la marge en bas de cette page ---> https://haddos.fr/avatars/me
PS : Tous le visuel du site est de moi et j'ai 2 semaine d'experience
- Edité par StevenCampisano 3 novembre 2024 à 20:06:20
Dans ce cas pourriez-vous nous fournir les informations d'un compte de test? Vous pouvez utiliser la messagerie privée si vous ne souhaitez pas les rendre publique.
PS : Tous le visuel du site est de moi et j'ai 2 semaine d’expérience
Bonjour,
C'est un début, mais ne rejette pas les conseils qui te sont donnés si tu veut continué ton apprentissage du HTML et du CSS sans prendre des mauvaises habitudes et mauvaises pratiques dés le début, cela va te jouer de vilains tours ;)
Ces deux là se maitrisent en quelques mois et te seront nécessaire si tu veut apprendre le JS et le PHP confortablement, c'est à dire sans avoir à gérer le réapprentissage de HTML/CSS pour déboguer le rendu des scripts à l'écran.
Au display:flex, j’ajouterai le display:grid; voir aussi https://developer.mozilla.org/fr/docs/Web/CSS/CSS_grid_layout
et un utilitaire pour t'aider à definir une grille : https://grid.layoutit.com/
StevenCampisano a écrit:
Bonsoir, j'ai un soucis sur la page .me de mon site, il y as une grosse marge en bas de mon footer et j'aimerai beaucoup quelle ne soit plus la.
C'est probablement du au positionement relatif que tu utilise, les éléments sont seulement déplacés visuellement mais ils occupent toujours leur emplacement d'origine
Pour le positionement en absolu, c'est l'un des premiers pièges dans lequel tombe un débutant
Cela devient un casse-tête impossible à corrigé lorsqu'il se rend compte que sa page est visible et affichée correctement quasiment que sur son pc avec le navigateur couvrant l'écran
fan de PluXml , cuisinier et codeur amateur.Thèmes pour PluXml ? Oui Des plugins? Oui