problème de placement d'un li ? ou bien d'une div ?

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Salut à tous !

En ce moment, j'ai un bug pas gênant en soit, mais je ne sais pas d'où il vient, et ça, ça m'énerve vraiment :colere: parce que d'habitude, je trouve d'où ça vient, mais là, rien :'(

Voici le lien vers le site : http://yaalval.alwaysdata.net/index.php

Remarquez bien que le "bug" en question vient entre l'article [Arduino] - Une prothèse myoélectrique 20/12/15 et l'article [Unamed] - Le réseau et des bugs fixes :) 16/12/15

J'ai tout essayé : changement dans le css, dans le code html … rien n'y fait.

Merci de votre aide, j'espère pouvoir dormir très bientôt :lol:

PS: pour les intéressés, voici le code source (PHP) de la page :

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>

<HTML>
    <head>
        <title>Le blog d'un codeur</title>
        <link meta="screen" rel="stylesheet" type="text/css" href="css/design.css" />
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="author" content="Folaefolc / Yaalval" />
        <meta name="copyright" content="© Folaefolc / Yaaval" />
        <meta http-equiv="Content-Language" content="fr-FR" />
        <meta name="robots" content="all" />
        <meta name="description" content="Site web de Yaaval, programmeur Python et Java. Ici je vous partage des idées de codes et vous fait part des nouveautés sur mes projets" />
        <meta name="keywords" content="yaalval, python, java, programmation, programmeur, unamed, urworld, blog, code" />
        <meta name="google-site-verification" content="v2kVdvGvgW7zqnTKRloIN8H1sT50rWVnL_yPdNMpsTc" />
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
        
        <script src="scripts/spoiler.js"></script>
        <script src="scripts/images.js"></script>
        <script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
        
        <?php
            include('analytics/ip_analytics.php');
            include('analytics/cptviews_analytics.php');
            include('public/count_news.php');
        ?>
    </head>
    <body>
        <div class="start">
            <h1>Yaalval</h1>
            <h3>Du code, des jeux et de l'innovation !</h3>
            <?php include('public/search.php'); ?>
        </div>
        
        <div class="main">
            <h1>Articles</h1>
                <ul>
                    <?php
                        $cur_new = count_news();
                        if (!isset($_GET['post'])){
                            $fin = $cur_new - 10;
                            if ($fin < 0){
                                $fin = 0;
                            }
                            while($cur_new > $fin){
                                include('news/new' . $cur_new . '.php');
                                $cur_new--;
                            }
                        }else if(isset($_GET['post']) and $_GET['post'] == 'all'){
                            while($cur_new > 0){
                                include('news/new' . $cur_new . '.php');
                                $cur_new--;
                            }
                        }else if(isset($_GET['post']) and is_numeric($_GET['post'])){
                            $post = intval($_GET['POST']);
                            if (0 < $post and $post <= count_news()){
                                include('news/new' . $post . '.php');
                            }else{
                                $fin = $cur_new - 10;
                                if ($fin < 0){
                                    $fin = 0;
                                }
                                while($cur_new > $fin){
                                    include('news/new' . $cur_new . '.php');
                                    $cur_new--;
                                }
                            }
                        }
                    ?>
                    <br />
                    <li><a href="portfolio/">Mon portfolio</a></li>
                </ul>
                <br />
                <a href="index.php?post=all">Voir tous les posts</a>
                <br />
        <!-- NE RIEN ECRIRE APRES CETTE BALISE -->
        </div>
        
        <div class="liens">
            <h1>Liens</h1>
                <ul>
                    <li> <a href="https://github.com/Loodoor/" target="blank">Mon GitHub</a></li>
                    <li> <a href="https://zestedesavoir.com/membres/voir/Folaefolc/" target="blank">Mon compte Zeste de Savoir</a></li>
                    <li> <a href="https://www.youtube.com/channel/UCW_oBWt9HIWDoUXpff3pCmQ" target="blank">Ma chaine YouTube</a></li>
                    <li> <a href="http://www.twitter.com/DevFolaefolc" target="blank">Mon compte Twitter (pro)</a></li>
                    <li> <a href="http://urworld-project.alwaysdata.net/" target="blank">Le site d'UrWorld</a></li>
                </ul>
                <!-- NE RIEN ECRIRE APRES CETTE BALISE -->
        </div>
        
        <div class="recrutement">
            <h1>Recrutement</h1>
                <ul>
                    <li>Je recherche un graphiste pouvant faire les tiles d'Unamed (disponnibilité minimale : 6 heures par semaine), et un autre pouvant faire entre 28 et 52 créatures pour le jeu (toujours Unamed)</li>
                </ul>
                Pour me contacter, envoyez moi un message privé sur Zeste de Savoir !
                <br /><br />
                <!-- NE RIEN ECRIRE APRES CETTE BALISE -->
        </div>
        
        <footer>
            <br /><br />
            <!--<a href="news/"><img src="pic/end_picture.png" /></a>-->
        </footer>
        
        <?php
            include('public/modalebox.php');
        ?>
    </body>
</HTML>

Ma chaine YouTube ! | Seventh, un micro langage communautaire ! | Mon projet : Unamed (en pleine reprogrammation en C++11/SFML2.4) | Mon tuto sur Pygame !

+0 -0

Cette réponse a aidé l'auteur du sujet

Merci chrome mais apparemment y'a un "&#65279" qui traîne entre les deux.

Et d'après Stackoverflow ça veut dire "ZERO WIDTH NO-BREAK SPACE". Donc il traîne quelque part soit dans le nom de ta news soit dans le code.

Je cite quand même :

The character in question &#65279 is the Unicode Character 'ZERO WIDTH NO-BREAK SPACE' (U+FEFF). It may be that you copied it into your code via a copy/paste without realizing it. The fact that it's not visible makes it hard to tell if you're using an editor that displays actual unicode characters.

One option is to open the file in a very basic text editor that doesn't understand unicode, or one that understands it but has the ability to display any non-ascii characters using their actual codes.

Once you locate it, you can delete the small block of text around it and retype that text manually.

124813612512481361251248136125124813612512481371251249137125124913712512491371361249137136124913

+1 -0
Auteur du sujet

Merci beaucoup à toi ! J'ai trouvé l'origine du "bug" : j'ai dû éditer la news 18 à la main, va savoir pourquoi. Sauf que Notepad++ est réglé pour encoder, de manière automatique, tous les fichiers que j'ouvre avec en UTF8. Or, ça place un #65279 apparemment.

Donc pour ceux qui veulent savoir comment régler le bug : ALT + N puis Convertir en UTF8 (sans BOM), et enfin, CTRL + S !

Ma chaine YouTube ! | Seventh, un micro langage communautaire ! | Mon projet : Unamed (en pleine reprogrammation en C++11/SFML2.4) | Mon tuto sur Pygame !

+0 -0

Question bête mais pourquoi tu t'embête à faire ton site toi même au lieu d'utiliser un truc comme wordpress ? Tu pourrais tenir les gens au courant de tes avancés sans avoir à dév un site pour l’occasion et en plus ça serait bien plus beau que le résultat actuel qui ne donne pas très envie !

"Il est vraiment regrettable que tous les gens qui savent parfaitement comment diriger un pays soient trop occupés à conduire des taxis et à couper des cheveux"

+0 -0
Auteur du sujet

Parce que j'ai que 10Mo sur mon serveur (je sais, wp offre un "serveur", un éditeur de news WYSIWYG …) :P Et que j'adore tout faire moi même, avoir la main sur le code source. Entre mon site perso (http://yaalval.alwaysdata.net) et un de mes tests sur WP (https://folaefolc.wordpress.com/), mon site perso s'affiche beaucoup plus vite ;)

Ma chaine YouTube ! | Seventh, un micro langage communautaire ! | Mon projet : Unamed (en pleine reprogrammation en C++11/SFML2.4) | Mon tuto sur Pygame !

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte