We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 24477
    • 41 Posts
    Salut a tous,

    Après des semaines de travail je suis fier de vous présenter le site de la Ligue de vol Libre de Midi Pyrénées : http://www.vol-libre-midi-pyrenees.fr/ laugh
      • 11975
      • 2,542 Posts
      Salut,

      j’aime beaucoup smiley

      Simple clair ... mais lent (trop lent) à charger

      Bravo !!!

      :-)
        Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
        • 24477
        • 41 Posts
        Exact, je n’avais pas vu ça... ça vient du module kelender il est un poil lourd 49 ko rien que pour pour overlib.js shocked ... va falloir que je fasse le menage.
        Ca vient peut être aussi de 1&1 ...
          • 18219
          • 826 Posts
          Site au design vraiment sympa.
          J’aime bq.

          Coté technique :
          C’est un peu regrettable qu’il ne respecte pas les recommandations W3C et l’accessibilité.
          Une simple vérification montre 24 erreurs.
          La première d’entre elle est la référence à ton DTD qui n’est pas mentionné : S’agit-il du mode Strict ou un autre huh
          Je ne parle pas de la validation CSS

          L’utilisation des balises <TABLE> est à éviter pour une présentation d’un site.
          Ces balises sont réservées pour afficher des données sous forme de tableau et non pour la construction du template d’un site.
          Préfère l’utilisation de <div> et <span> ainsi que l’emploi d’une feuille de style CSS associée.
          La maintenance de ton site sera améliorée par la même occasion.

          Cela ne demande pas grand chose de se convertir à de bonnes habitudes et rendre non seulement un site conforme à des recommandations mais aussi accessible à des personnes qui présentent des difficultés que l’on ne souhaitent à personne.
          Pense à elles : Cela demande un petit effort supplémentaire wink
            Marc
            I&#39;m French... Sorry for my bad English, I use &#39; Google Translator&#39; or other... but that remains that tools wink
            • 11975
            • 2,542 Posts
            Je n’ai pas regardé le source.

            merci marc d’avoir corrigé mon inattention.

            :-)
              Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
              • 24477
              • 41 Posts
              C’est un peu regrettable qu’il ne respecte pas les recommandations W3C et l’accessibilité.
              Une simple vérification montre 24 erreurs.
              Je vais essayer de faire plaisir à Mr W3C et rajouter des alt sur toutes les images, mais il y a certaine choses pour lequelles je ne vois pas trop le problème, par exemple quand il dit there is no attribute "width" dans une balise <td> huh

              La première d’entre elle est la référence à ton DTD qui n’est pas mentionné : S’agit-il du mode Strict ou un autre huh
              C’est quoi un DTD ? je ne comprends pas non plus la question suivante...

              L’utilisation des balises <TABLE> est à éviter pour une présentation d’un site.
              Ces balises sont réservées pour afficher des données sous forme de tableau et non pour la construction du template d’un site.
              Préfère l’utilisation de <div> et <span> ainsi que l’emploi d’une feuille de style CSS associée.
              La maintenance de ton site sera améliorée par la même occasion.

              J’ai passé des heures à essayer de faire un modèle avec des DIV, mais avec la meilleure volonté du monde je n’ai pas réussi à faire ce que j’ai fait en 5min avec des TABLE. Je reconnais que je ne suis pas une bête en CSS, cela dit j’ai quand même pas mal creusé le problème mais pour tout aligner correctement avec une résolution adaptable j’ai du me résourdre à enfeindre des régles que je n’ai pas signées wink. D’une manière générale, avec mon niveau de connaissances, les TABLE sont une garantie de stabilité, avec les DIV j’ai toujours des surprises, il suffit d’un rien pour tout décaler et foutre le bordel, en plus suivant les navigateurs ça ne fonctionne pas pareil... bref... si quelqu’un arrive à faire la même chose avec des DIV je prend avec plaisir, en plus j’apprendrai quelque chose laugh

              Cela ne demande pas grand chose de se convertir à de bonnes habitudes et rendre non seulement un site conforme à des recommandations mais aussi accessible à des personnes qui présentent des difficultés que l’on ne souhaitent à personne.
              Pense à elles : Cela demande un petit effort supplémentaire wink
              Attention avec la morale bien pensante et les idées toutes faites... pour ma part, ce que je déteste par dessus tout c’est la culpabilisation, mais c’est déjà un peu moins technique comme discussion wink
                • 18219
                • 826 Posts
                Je vais commencer par le début.

                C’est quoi un DTD ? je ne comprends pas non plus la question suivante...
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.01 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
                

                La page HTML va respecter la DOCTYPE : Je ne vais pas rentrer dans le détail mais c’est en quelques sorte comment le navigateur doit interpréter le code HTML : ce sont donc des règles à appliquer. Si tu as fait du XML, tu retrouve ce principe pour une balise que tu crées toi-même.
                Dans le cas cité, le respect est strict aucune erreur n’est tolérée par opposition à Transitional qui admet des écarts notamment dans l’emploi des balises <TABLE>, <FONT>, etc. balises qualifiées d’obsolètes (et oui)

                J’ai passé des heures à essayer de faire un modèle avec des DIV, mais avec la meilleure volonté du monde je n’ai pas réussi à faire ce que j’ai fait en 5min avec des TABLE. Je reconnais que je ne suis pas une bête en CSS, cela dit j’ai quand même pas mal creusé le problème mais pour tout aligner correctement avec une résolution adaptable j’ai du me résourdre à enfeindre des régles que je n’ai pas signées Wink. D’une manière générale, avec mon niveau de connaissances, les TABLE sont une garantie de stabilité, avec les DIV j’ai toujours des surprises, il suffit d’un rien pour tout décaler et foutre le bordel, en plus suivant les navigateurs ça ne fonctionne pas pareil... bref... si quelqu’un arrive à faire la même chose avec des DIV je prend avec plaisir, en plus j’apprendrai quelque chose Cheesy
                Et oui mais c’est en forgeant que l’on devient forgeron.
                Tu trouveras de nombreux sites pour t’aider dans ce sens, citons le plus connu : AlsaCreation.

                Je ne pense pas que les tes balises <TABLE> soient sources de stabilité, bien au contraire un width mal défini est tu as des comportements bizarres d’un navigateurs à l’autre tout comme les <DIV> d’ailleurs.

                Pour vraiment obtenir ce que tu souhaites, il faut maitriser les propriétés de chaque balise dans ta feuille de style notamment le margin: 0px; et le padding: 0px; qui par défaut n’ont pas la même valeur d’un navigateur à l’autre.
                Une fois ces deux propriétés définies tu retrouves un comportement identique.

                Attention avec la morale bien pensante et les idées toutes faites... pour ma part, ce que je déteste par dessus tout c’est la culpabilisation, mais c’est déjà un peu moins technique comme discussion
                Je ne cherche pas à faire de la morale et je te rejoins sur ta réflexion. Notre devoir en qualité de webmaster (mieux de webdesigner) est de concevoir des sites qui respectent les recommandations W3C et les règles WAI pour permettre un plus grand nombre de personnes de consulter le site sans des difficultés supplémentaires.
                J’ai un voisin qui est sourd, muet et une vue à 2/10. Il regarde au travers d’une loupe qui agrandi l’écran 10x pour lire le contenu du site. A chaque fois que je conçois un site Internet je pense à lui.
                Ma façon de penser est la même : Pourquoi je devrais consacrer quelques minutes de mon temps pour toi qui a tout ses facultés (du moins je le suppose) et pas pour lui qui en a certainement plus besoin ?
                Si j’apporte ma contribution dans une communauté, c’est pour qu’un plus large public puissent en bénéficier y compris les personnes présentant des difficultés.
                Quelques part, je leur apporte mon aide au travers toi (indirectement) wink
                  Marc
                  I&#39;m French... Sorry for my bad English, I use &#39; Google Translator&#39; or other... but that remains that tools wink
                  • 18219
                  • 826 Posts
                  Pour t’aider, voici un bout de ton code :
                  <div id="header">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                  
                      <td width="50%"><a href="/"><img src="/assets/templates/lmpvl/img/bandeau-gauche.jpg" /></a></td>
                      <td><div align="center"><img src="/assets/templates/lmpvl/img/bandeau-centre.jpg" /></div></td>
                      <td width="50%"> </td>
                    </tr>
                  </table>
                  </div>
                  

                  Nous allons supprimer les balises TABLE comme ceci :
                  <div id="header">
                      <div id="bd_gauche" class=bd_img"><a href="/"><img src="/assets/templates/lmpvl/img/bandeau-gauche.jpg" alt="Logo Vol Libre"/></a></div>
                      <div id="bd_centre" class=bd_img"><img src="/assets/templates/lmpvl/img/bandeau-centre.jpg" alt="Icones Vol Libre"/></div>
                  </div>
                  

                  Avec dans ta feuille de style :
                  #header{
                      margin:0px;
                      padding:0px;
                  }
                  .bd_img {
                      float: left;
                      margin:0px 5px;
                      padding:0px;
                  }
                  #bd_gauche {
                      width: 194px;
                  }
                  #bd_centre {
                      width: 570px;
                  }
                  

                  Bon c’est un exemple. Je suis persuadé que cela peut être amélioré wink
                    Marc
                    I&#39;m French... Sorry for my bad English, I use &#39; Google Translator&#39; or other... but that remains that tools wink
                    • 11975
                    • 2,542 Posts
                    On pourrait zapper qq divs dans le header.
                    Placer une balise H1 avec un background pour le logo afin de mettre des mots clés signicatifs de la thematique pour un meilleur référencement.
                    Et l’image en background du div header

                    :-)

                    <div id="header">
                        <h1 id="logo"><a href="/">Vol libre: parapente, skysurf, ...</a></h1>
                    </div>
                    
                      Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
                      • 18219
                      • 826 Posts
                      L’idée est bonne et améliore mon premier jet wink
                        Marc
                        I&#39;m French... Sorry for my bad English, I use &#39; Google Translator&#39; or other... but that remains that tools wink