Partage
  • Partager sur Facebook
  • Partager sur Twitter

interrogation

apparence

    5 octobre 2006 à 7:28:07

    Bonjour je me pose des questions,bon tout d'abord j'aurais aimé savoir s'il était possible d'associer un gif animé a l'image de la puce d'une liste à puce. Je me demandais ce la car dans le code suivant cela ne semble pas fonctionner:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>Mon super site</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
               <link rel="stylesheet" media="screen" type="text/css" title="tests" href="tests.css" />
               <style type="text/css">
               body
    {
       width: 760px;
       margin: auto; /* Pour centrer notre page */
       margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
       margin-bottom: 20px;    /* Idem pour le bas du navigateur */
       background-image: url("fond.jpeg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
    }
    a:visited /* Quand le visiteur a déjà vu la page concernée */
    {
       text-decoration: bold;
    }
       a:focus /* Quand le visiteur sélectionne le lien */
    {
       background-color: bLink;
      }

    ul/* Ma liste aura des puces en forme de dossiers */
    {
       list-style-image: url("dk.gif");
    }

       </style>
       </head>

       <body>

           <!-- L'en-tête -->

           <div id="en_tete">
               <h1><center><u><b><I><h1 style="text-decoration: blink;">salut</center></h1>
           </div>

           <!-- Les menus -->

           <div id="menu">       
               <div class="element_menu">
                   <h3>section infos:</h3>
                   <ol type="dk.gif">
                       <li style="dk.gif" ><a href="http://www.siteduzero.com"title="Site réservé aux débutants"><u><b><I><font color="red">site du zero</a></u></b></I></a></font></li>
                       <li><a href="http://www.siteduzero.com/tuto-3-8-0-apprenez-a-programmer-en-c.html"><u><b><I><font color="red">c/c++</a></u></b></I></a></font></li>
                       <li><a href="http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html" style="red"><u><b><I><font color="red">xhtml</a></u></b></I></a></font></li>
                                       <li><a href="http://www.siteduzero.com/tuto-3-4-0-un-site-dynamique-avec-php.html" style="red"><u><b><I><font color="red">php</a></u></b></I></a></font></li>
                                     <li><a href="http://www.developpez.com/" title="attention site pour internaute avertie!!!"><u><b><I><font color="aqua">dev.com</a></u></b></I></a></font></li>
                   </ol>
               </div>
           
               <div class="element_menu">
                   <h3>section math:</h3>
                   <ul>
                       <li><a href="http://perso.orange.fr/jean-paul.davalan/bts/index.html">math</a></li>
                   </ul>
                            </div>
                     <div class="element_menu">
                   <h3>site perso:</h3>
                   <ul>
                               <li><a href="http://www.btsinfogap.org/suivant.php">btsinfogap.org</a></li>
                               <li><a href="http://serveur05.no-ip.com/cours/default3.asp">lescours.fr.st</a></li>
                               <li><a href="http://legrand.julien.free.fr/">monsuperprof</a></li>
                               <li><a href="http://www.google.fr/">google</a></li>
                               <li><a href="http://127.0.0.1/test/pageentrez.php">retour</a></li>
                               <li><a href="mailto:moralesloris@yahoo.fr"> Me contacter</a></li>
                               <li><a href="http://127.0.0.1/test/cv.php"> Mon cv</a></li>
                                <li><a href="http://127.0.0.1/test/tableau.php"> Mon planning</a></li>
                                    <li><a href="http://127.0.0.1/test/liste.php"> liste</a></li>
                    </ul>        
               </div>       
           </div>

    D'autre part j'aurais aimé un autre renseignement comment faire des liens comme le bouton correction en bas des qcm?
    • Partager sur Facebook
    • Partager sur Twitter
      5 octobre 2006 à 14:06:09

      je crois que tu peux pas en tout cas moi je n'ai jamais trouvé la solution, alors j'ai du feinté en faisant un tableau a 2 colonne: 1 pour le gif, 1 pour le texte. ensuite tu enlève les bordures du tableau (table border = "0")
      • Partager sur Facebook
      • Partager sur Twitter

      Membre depuis 2006
      admin system &amp; network
      service desk manager
      Geneva

        5 octobre 2006 à 15:41:14

        Salut, essaies dans li pour mettre ton image:

        li {
                list-style-image: url(ton gif.gif);
        }


        De grace corrige ton code html, des balises ne sont pas fermées ou tres mal imbriquées.
        Utilise le css pour mettre en forme ton texte plutot qu'utiliser des balises (u, i, center) qui sont déconseillées maintenant.

        • Partager sur Facebook
        • Partager sur Twitter

        interrogation

        × 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