Partage
  • Partager sur Facebook
  • Partager sur Twitter

Design mal structuré

excusez moi si ceci est du flood

Gohan
    13 janvier 2006 à 15:29:05

    Bonjour :lol:
    Tous d'abord, je m'excue si ceci et du flood :)
    voila
    mon design est mal structuré car dans la partie droite, les news sont un peu en bas et je voudrais qu'il monte un peu. :euh:

    voici le code html

    Citation : html

    <html>
    <head>
    <base href="http://www.kokoom.com/elitekonoha/">



    <meta http-equiv="Content-Language" content="fr">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    </head>

    <body>


    <div style="position: absolute; width: 542px; height: 75px; z-index: 1; left: 237px; top: 151px" id="couche1">
    <p align="center"><font color="#FF0000" size="6" face="Ninja Naruto">Elite </font><font
    color="#FF0000" size="7" face="Comic Sans MS">*</font><font
    color="#FF0000" size="6" face="Ninja Naruto">de</font><font
    color="#FF0000" face="Ninja Naruto"> </font><font color="#FF0000"
    size="7" face="Comic Sans MS">*</font><font color="#FF0000"
    size="6" face="Ninja Naruto">Konoha</font></div>
    <div style="position: absolute; width: 138px; height: 1283px; z-index: 2; left: 20px; top: 231px" id="couche2">


    <br> <br><p align="center">-/Guilde/-</p>

    <p align="center">News</p>
    <p align="center">Le Conseil des Ninja</p>
    <p align="center">L’histoire</p>
    <p align="center">Page de Guilde</p>
    <p align="center">Grade</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>


    <p align="center">--/Naruto/--</p>
    <p align="center">Histoire </p>
    <p align="center">Perso. Principaux</p>
    <p align="center">Quelques Liens</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>


    <p align="center" dir="ltr">--Liens Intéressants--</p>
    <p align="center" dir="ltr">Slayers Online </p>
    <p align="center" dir="ltr">Recherche de Skin</p>
    <p align="center" dir="ltr">Le petit Xpeur de Olympus</p>
    <p align="center" dir="ltr">Lien</p>
    <p align="center" dir="ltr">Lien</p>

    <div style="position: absolute; width: 138px; height: 1283px; z-index: 2; left: 859px; top: 232px" id="couche3">
    <p align="center">
    News
    <marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="60" width="150" height="100" onmouseover='this.stop()' onmouseout='this.start()'>

    </marquee>
    <br>
    --/Allié/--</p>

    <p align="center">Le Clan Akatsuki</p>

    <p align="center">Devenir Allié</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>
    <p align="center">--/Multimédia/--</p>

    <p align="center">Screen</p>
    <p align="center">Quelque Skin</p>
    <p align="center">Montage</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>
    <p align="center">Lien</p>

    <p align="center">Lien</p>

    </div>

    </div>

    </div>
    <p align="center">
    <img border="0" src="<a href="http://www.imageshack.us"><img src="http://img249.imageshack.us/img249/3056/designoffert4ur.jpg" border="0" width="1000" alt="Image Hosted by ImageShack.us" /></a></p>
    <div style="position: absolute; width: 100px; height: 100px; z-index: 3; left: 181px; top: 234px" id="couche4">
    <br><br><br><br><br><br><br><br>
    </body>

    </html>



    et voici le site pour que vous compreniez mieux
    <lien url="http://elitekonoha.kokoom.com"></lien>

    je pense avoir tout dit. j'espère que vous ne met traîteriez pas de boulet ou d'abruti ^^ car je ne suis pas très fort en html malgré vos cours car je n'arrive pas a utiliser NotePaad++ ^^!
    • Partager sur Facebook
    • Partager sur Twitter
    primmo
      14 janvier 2006 à 11:25:35

      Met ton texte en couleur HTML c'est plus simple pour chercher le problème

      • Partager sur Facebook
      • Partager sur Twitter
      jp949
        14 janvier 2006 à 12:07:32

        utilise les css plutot que les attruibuts dans le code htm
        • Partager sur Facebook
        • Partager sur Twitter
        Gohan
          24 janvier 2006 à 11:50:58

          le probleme c'est que quand j'ai lu votre tuto sur le CCS je n'ai preque rien compris :euh:
          • Partager sur Facebook
          • Partager sur Twitter
          jp949
            24 janvier 2006 à 11:54:00

            je te coderai la page en css et tu pourras voir et comprendre le fonctionnement des css
            • Partager sur Facebook
            • Partager sur Twitter
            Webokage
              24 janvier 2006 à 20:05:37

              En quoi ceci serait du flood? Tu demande de l'aide , c'est tout. o_O

              Faudrait juste que tu relise les cours sur le css, c'est vraiment pas compliqué. o_O

              @++ ;)
              • Partager sur Facebook
              • Partager sur Twitter
              Découvrez les grandes inventions et inventeurs qui font de notre monde ce qu'il est aujourd'hui :)
              primmo
                24 janvier 2006 à 20:30:29

                Moi je veux bien t'aider sans problème mais merci d'utiliser la fonction code HTML présent dans le zcode
                • Partager sur Facebook
                • Partager sur Twitter
                Gohan
                  27 janvier 2006 à 13:54:28

                  <html>
                  <head>
                  <base href="http://www.kokoom.com/elitekonoha/">



                  <meta http-equiv="Content-Language" content="fr">
                  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
                  </head>

                  <body>


                  <div style="position: absolute; width: 542px; height: 75px; z-index: 1; left: 237px; top: 151px" id="couche1">
                  <p align="center"><font color="#FF0000" size="6" face="Ninja Naruto">Elite </font><font
                  color="#FF0000" size="7" face="Comic Sans MS">                  *</font><font
                  color="#FF0000" size="6" face="Ninja Naruto">                  de</font><font
                  color="#FF0000" face="Ninja Naruto">                   </font><font color="#FF0000"
                  size="7" face="Comic Sans MS">                  *</font><font color="#FF0000"
                  size="6" face="Ninja Naruto">                  Konoha</font></div>
                  <div style="position: absolute; width: 138px; height: 1283px; z-index: 2; left: 20px; top: 231px" id="couche2">


                  <br> <br><p align="center">-/Guilde/-</p>

                  <p align="center">News</p>
                  <p align="center">Le Conseil des Ninja</p>
                  <p align="center">L’histoire</p>
                  <p align="center">Page de Guilde</p>
                  <p align="center">Grade</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>


                  <p align="center">--/Naruto/--</p>
                  <p align="center">Histoire </p>
                  <p align="center">Perso. Principaux</p>
                  <p align="center">Quelques Liens</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>


                  <p align="center" dir="ltr">--Liens Intéressants--</p>
                  <p align="center" dir="ltr">Slayers Online </p>
                  <p align="center" dir="ltr">Recherche de Skin</p>
                  <p align="center" dir="ltr">Le petit Xpeur de Olympus</p>
                  <p align="center" dir="ltr">Lien</p>
                  <p align="center" dir="ltr">Lien</p>

                  <div style="position: absolute; width: 138px; height: 1283px; z-index: 2; left: 859px; top: 232px" id="couche3">
                  <p align="center">
                  News
                  <marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="60" width="150" height="100" onmouseover='this.stop()' onmouseout='this.start()'>

                  </marquee>
                  <br>
                  --/Allié/--</p>

                  <p align="center">Le Clan Akatsuki</p>

                  <p align="center">Devenir Allié</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>
                  <p align="center">--/Multimédia/--</p>

                  <p align="center">Screen</p>
                  <p align="center">Quelque Skin</p>
                  <p align="center">Montage</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>
                  <p align="center">Lien</p>

                  <p align="center">Lien</p>

                  </div>

                  </div>

                  </div>
                  <p align="center">
                  <img border="0" src="<a href="http://www.imageshack.us"><img src="http://img249.imageshack.us/img249/3056/designoffert4ur.jpg" border="0" width="1000" alt="Image Hosted by ImageShack.us" /></a></p>
                  <div style="position: absolute; width: 100px; height: 100px; z-index: 3; left: 181px; top: 234px" id="couche4">
                  <br><br><br><br><br><br><br><br>
                  </body>

                  </html> 


                  voila, je cherchais comment on le mettait en couleur :) .

                  sinon merci jp949, j'ai une question a vous posez.
                  je ne comprend ce code

                  body
                  {
                     background-image: url("../images/neige.png";);
                     background-attachment: fixed; /* Le fond restera fixe */
                  }
                  h1
                  {
                     font-style: italic;
                     font-family: "Arial Black", Arial, Verdana, serif;
                     text-align: center;
                  }
                  blockquote p
                  {
                     text-align: justify;
                     text-indent: 25px;
                  }


                  où faut-t'il mettre le code??

                  exemple
                  on doit faire

                  <html>
                  <head>
                  <body
                  {
                     background-image: url("../images/neige.png";);
                     background-attachment: fixed;
                  }
                  h1
                  {
                     font-style: italic;
                     font-family: "Arial Black", Arial, Verdana, serif;
                     text-align: center;
                  }
                  blockquote p
                  {
                     text-align: justify;
                     text-indent: 25px;
                  }  >                   


                  ou

                  <html>
                  <head>
                  <body>
                  body
                  {
                     background-image: url("../images/neige.png&quot;);
                     background-attachment: fixed; /* Le fond restera fixe */
                  }
                  h1
                  {
                     font-style: italic;
                     font-family: "Arial Black", Arial, Verdana, serif;
                     text-align: center;
                  }
                  blockquote p
                  {
                     text-align: justify;
                     text-indent: 25px;
                  }
                  ? :euh:
                  • Partager sur Facebook
                  • Partager sur Twitter
                  mistike
                    27 janvier 2006 à 15:03:23

                    Salut,

                    Relis le tuto de m@teo en entier tranquillement en essayant les exemples. La réponse à ta dernière question se trouve plus précisément ICI
                    • Partager sur Facebook
                    • Partager sur Twitter

                    Design mal structuré

                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                    • Editeur ●
                    • Markdown