CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Problème d'affichage code HTML | |
| Leettle
{ Membre actif }
Messages : 408
| Bonsoir ou Bonjour (tout dépend de quand vous verrez le message) Voilà mon problème. J'étais tranquillement en train de modifier mon code html quand mon éditeur web (sublime_text) a décidé de ne plus m'afficher mes div id. Je n'arrive pas à savoir l'origine du bug... j'ai redémarré le logiciel mais ça ne vient pas de là. En plus le bug se situe uniquement dans body , je m'explique, lorsque que j'ouvre un nouveau fichier et que je copie/colle mes div id, je n'ai aucuns problèmes, tout marche. Mais quand je ferme ma balise body... ça bug. Voici ce que ça donne en capture : - Spoiler:
mon code : - Spoiler:
- Code:
-
<!DOCTYPE > <html lang="fr"> <head> <title>Leettle Gallery</title> <meta charset="UTF-8"/> <meta name="author" content=" Leettle " > <meta name="description" content=" Site Web " > <meta http-equiv="content language" content="fr" > <meta http-equiv="X-UA-Compatible" content="IE=7"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <link rel="stylesheet" href="gallerystylesheet/reset.css"/> <link rel="stylesheet" href="gallerystylesheet/stylesheet.css"/> <style type="text/css"> .imageflottante { float:left; } </head>
<body> <div id="containergallery"> <div id="header"> <div id="imageheader"> <img src="http://imageshack.us/a/img542/7892/imagehead.png"/> </div> </div> <!-- about me --> <div id="aboutme"> <div id="imageaboutme"> <img src="http://imageshack.us/a/img715/7868/aboutmeb.png" class="imageflottante" alt="Image flottante"/> </div> <div id="textaboutme"> <p> C'est la rentrée ! Et oui ce moment difficile de l'année où on a encore la tête en vacances et donc, dans les nuages. Mais trève de bavardages inutiles, je suis censée parler un peu de moi ici (lol).</p> <br/> <p> Je m'appelle Audrey, j'ai 25 ans. Graphiste amateure depuis quelques années, je me suis inscrite sur ce forum pour apprendre et faire de nouvelles connaissances. Je suis assez timide et réservée malgré un caractère impulsif et franc. J'adore lire, dessiner et écouter de la musique.</p> <br/> <p> Vous pouvez aussi me trouver sur les réseaux sociaux notamment Twitter et voir mes anciennes et nouvelles réalisations sur deviantart ou encore tumblr. Bonne visite !</p> </div> </div> <br/> <!-- social networks --> <div id="socialnetworks"> <div id="imagesocialnetworks"> <img src="http://imageshack.us/a/img28/9138/followmee.png" class="imageflottante" alt="Image flottante"/> </div> <center><span><a href="http://hey--mcfly.tumblr.com/" target="_blank"><img src="http://imageshack.us/a/img339/8233/tumblrl.png" alt= tumblr/></a><a href="http://leettle1.deviantart.com/" target="_blank"><img src="http://imageshack.us/a/img571/7356/deviantartf.png" alt= deviantart/></a><a href="https://twitter.com/Poynt_Her" target="_blank"><img src="http://imageshack.us/a/img641/7631/twitterpxv.png" alt= twitter/></a></span></center> </div> <br/> <!-- large pieces --> <div id="largepieces"> <div id="imagelargepieces"> <img src="http://imageshack.us/a/img528/6603/largepieces.png" class="imageflottante" alt="Image flottante"/> </div> <div id="information1"> <p> Mes premiers LPs n'apparaîtront plus dans ce post mais, il vous sera toujours possible de les voir en parcourant la galerie. Merci.</p> <center><p>___________________________________</p></center> </div> </div> </div> <br/> <!-- signatures --> <div id="signatures"> <div id="imagesmallpieces"> <img src="http://imageshack.us/a/img651/8836/smallpieces.png" class="imageflottante" alt="Image flottante"/> </div> <div id="information2"> <p>Mes premieres signatures n'apparaîtront plus dans ce post mais, il vous sera toujours possible de les voir en parcourant la galerie. Merci.</p> <center><p>___________________________________</p></center> </div> <center></center> </div> <br/> <div id="footer"> <footer>Copyright © 2012 - Design & Coding by Leettle</footer> </div> </div> </body> </html>
Merci pour votre aide. | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Hello. Tu peux songer à fermer ta balise <style> : - Code:
-
<style type="text/css"> .imageflottante { float:left; } </head> Déjà, la page devrait se générer normalement. Remarques à part :Tu as une balise </div> en trop : - Code:
-
<!-- large pieces --> <div id="largepieces"> <div id="imagelargepieces"> <img src="http://imageshack.us/a/img528/6603/largepieces.png" class="imageflottante" alt="Image flottante"/> </div> <div id="information1"> <p> Mes premiers LPs n'apparaîtront plus dans ce post mais, il vous sera toujours possible de les voir en parcourant la galerie. Merci.</p> <center><p>___________________________________</p></center> </div> </div> </div> Les attributs alt de tes images "réseaux sociaux" sont mal renseignés : - Code:
-
<!-- exemple --> <img src="http://imageshack.us/a/img339/8233/tumblrl.png" alt= tumblr/> Tu as utilisé une balise HTML5, la seule de tout ton document. Ce n'est sans doute pas nécessaire ~ - Code:
-
<div id="footer"> <footer>Copyright 2012 - Design & Coding by Leettle</footer> </div> Enfin, tu as utilisé beaucoup d'identifiants. Si des éléments se rapprochent en style, n'hésite pas à utiliser plutôt des classes. (Je ne vois pas le CSS mais les parties #largepieces et #signatures ont l'air semblable, en tout cas dans la structure interne...) Aussi, évite les balises <center> . Pour l'usage que tu en fais, tu peux définir et appliquer une classe .center (par exemple) aux <span> et <p> que tu veux centrer. C'est plus simple et surtout plus propre. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour,
N'est-ce pas parce qu'il y a un div en double ? Il est nettement visible sur ta capture d'écran '_' (cela étant dit, on les voit les div id, je vois pas où est le problème)
Edit : doublée par Doare | | |
| | | Leettle
{ Membre actif }
Messages : 408
| Merci à vous deux. Doare m'a donné la réponse. Mon problème venait de la balise style non fermée (j'avais beau cherché hier soir, je trouvais pas l'origine du problème... ) Je vais continuer à travailler mon code et notamment les classes comme suggéré. Merci encore à archiver | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello ! Puisque le problème est résolu, je déplace (: Merci de l'avoir signalé | | |
| | | Contenu sponsorisé
| | | | | Problème d'affichage code HTML | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|