Alignement image html
Utilisateur anonyme
-
Hydr0s Messages postés 1678 Date d'inscription Statut Membre Dernière intervention -
Hydr0s Messages postés 1678 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
http://www.otakuplayer.fr/
tout en bas sur les images au théme "julia" il ne se colle pas malgrés plusieurs tentatives cest dans le but de faire un menu catégorie pour remplacer les images plus haut
des idées ? merci a vous
http://www.otakuplayer.fr/
tout en bas sur les images au théme "julia" il ne se colle pas malgrés plusieurs tentatives cest dans le but de faire un menu catégorie pour remplacer les images plus haut
des idées ? merci a vous
A voir également:
- Alignement image html
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
1 réponse
Salut,
Le code source contient beaucoup d'erreurs d'encapsulement : pas de balise
Pour plus de clarté dans le html, les styles et les fichiers javascripts sont à placer à part dans (style.css, script.js) puis appelés dans fichier html via
Pour ce qui est de tes images, elle ne sont tout simplement pas incluses dans les balises qui définissent le contenu de ta page. Une fois que tu auras corrigé ton code, tu pourras utiliser l'explorateur css (clic gauche > inspecter/examiner l'élément, sur la page) pour changer en direct les styles (attention, il ne sont que locales, il faut ensuite les corriger dans les fichiers).
Liens :
Regarde ceci pour la structure : https://www.alsacreations.com/article/lire/1374-html5-structure-globale-document.html
Pour facilement repérer l'indentation et les balises qui ne sont pas fermer : https://www.freeformatter.com/html-formatter.html#ad-output permet de mettre en forme le code source et ainsi il devient plus lisible
Pour t'aider à repérer les erreurs de code : https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.otakuplayer.fr%2F , le validateur w3c permet de repérer les erreurs de syntaxique et sémantiques.
N'hésite pas si tu as besoin de plus d'aide...
Le code source contient beaucoup d'erreurs d'encapsulement : pas de balise
<head></head>, balise
<html></html>mal placée (normalement, elle encadre toute la page), pas de balise doctype (
<!doctype html>)...
Pour plus de clarté dans le html, les styles et les fichiers javascripts sont à placer à part dans (style.css, script.js) puis appelés dans fichier html via
<link rel="stylesheet" href="styles.css">, et de façon similaire pour les javascript...
Pour ce qui est de tes images, elle ne sont tout simplement pas incluses dans les balises qui définissent le contenu de ta page. Une fois que tu auras corrigé ton code, tu pourras utiliser l'explorateur css (clic gauche > inspecter/examiner l'élément, sur la page) pour changer en direct les styles (attention, il ne sont que locales, il faut ensuite les corriger dans les fichiers).
Liens :
Regarde ceci pour la structure : https://www.alsacreations.com/article/lire/1374-html5-structure-globale-document.html
Pour facilement repérer l'indentation et les balises qui ne sont pas fermer : https://www.freeformatter.com/html-formatter.html#ad-output permet de mettre en forme le code source et ainsi il devient plus lisible
Pour t'aider à repérer les erreurs de code : https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.otakuplayer.fr%2F , le validateur w3c permet de repérer les erreurs de syntaxique et sémantiques.
N'hésite pas si tu as besoin de plus d'aide...
merci beaucoup pour votre réponse et ce cours :)
mais j'en suis toujours au meme point .. si vous pourez être plus précis enfin surtout s'adapté a mon niveau et/ou corriger
merci a vous
Le code est simplement monstrueux, il faut d'abord que tu remettes de l'ordre dans la page. Télécharge par exemple notepad++ puis remet de l'ordre dans les balises et sépare ce qui est style et ce qui ne l'est pas. Malheureusement, le travail est trop long pour que je puisse te le faire.