pied de page

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] pied de page

    Bonjour,

    j'utilise comme pied de page le copyright joomla, en mettant une image de fond à mon pied de page le texte de ce dernier se place au dessus de l'image et non sur l'image.

    Je précise que l'image de fond se place correctement (collée en bas) mais pas le texte.

    Quelqu'un aurai une solution ou une suggestion?

    Merci d'avance !

  • #2
    Re : pied de page

    quel template?
    La il faudrais voir les propriétés des blocs. Et prevoir une marge...si tu as un lien c est mieux....

    Commentaire


    • #3
      Re : pied de page

      Il s'agit du "template md urban" trouvé sur ce site : http://www.joomla24.com/8/8.html

      J'ai changé tous le design sans toucher à la disposition des bloc, pour le pied de page j'ai ajouté un fond et modifié la hauteur.

      Voici le code original:
      #copyright {
      clear: both;
      margin: auto;
      margin-top: 20px;
      padding-top: 8px;
      border-top: 1px solid #000;
      font-size: 0.86em;
      text-align: center;
      color: #515151;
      background-color: #1d1d1d;
      }

      #copyright a {
      color: #515151;
      text-decoration: none;
      }

      #copyright a:hover {
      color: #515151;
      text-decoration: none;
      }

      #copyright img {
      border-style: none;
      }

      #copyright div.cp2 {
      text-align: left;
      }

      et voici le code modifié:

      #copyright {
      clear: both;
      width: 1024px;
      height:160px;
      margin: auto;
      margin-top: 5px;
      padding-top: 5px;
      font-size: 11 px;
      text-align: center;
      color: #313193;
      background: url(../images/footer.jpg) no-repeat;
      }

      #copyright a {
      color: #313193;

      text-decoration: none;
      }

      #copyright a:hover {
      color: #313193;
      text-decoration: none;
      }

      #copyright img {
      border-style: none;
      }

      #copyright div.cp2 {
      text-align: left;
      }


      Merci.

      Commentaire


      • #4
        Re : pied de page

        Bonjour,

        N'y à t-il personne qui puisse m'aider? Je suis bloqué et ne parviens pas à régler mon problème malgré de nombreuses recherche.
        Je sais comment coller mon footer en bas de page mais pas le texte ?

        Help svp

        Merci d'avance !

        Commentaire


        • #5
          Re : pied de page

          Donnes-nous un lien vers ton site...
          Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
          Des tutos et astuces sur mon blog www.lestutosdelucho.fr

          Commentaire


          • #6
            Re : pied de page

            je travail en local...

            Commentaire


            • #7
              Re : pied de page

              Dans ton index.php de ton template, est-ce que la position-14 est bien dans ton div #copyright?
              Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
              Des tutos et astuces sur mon blog www.lestutosdelucho.fr

              Commentaire


              • #8
                Re : pied de page

                Non elle n'y ai pas.
                Enfaite, j'ai un div footer et un div copyright et la position-14 est dans le div footer(donc celui que je n'utilise pas).

                Donc si je comprend bien je dois déclarer la position-14 dans le div copyright?

                Commentaire


                • #9
                  Re : pied de page

                  ça ne fonctionne pas

                  Commentaire


                  • #10
                    Re : pied de page

                    le div copyright s'affiche correctement c'est le texte qui ne colle pas en bas, je ne comprend pas???

                    L'image est ok mais pas le texte, c'est pourtant le même bloc...

                    Commentaire


                    • #11
                      Re : pied de page

                      Fais un copier/coller du html de ton div footer et copyright pour voir exactement...
                      Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
                      Des tutos et astuces sur mon blog www.lestutosdelucho.fr

                      Commentaire


                      • #12
                        Re : pied de page

                        Ok merci de ton aide



                        voila mon code css:


                        /** Footer **/

                        #footer_wrap {
                        position:relative;
                        clear: both;
                        width: 1024px;
                        height: 163px;
                        margin: auto;
                        margin-top: 50px;
                        background: url(../images/footer.jpg) no-repeat;

                        }

                        #footer {

                        text-align: center;
                        font-size:11px;
                        color: #313193;

                        }

                        #footer div.custom hr {
                        border: 0;
                        color: rgb(226,226,226);
                        background-color: rgb(226,226,226);
                        height: 1px;
                        }
                        /*****************copyright***********/
                        #copyright {
                        position:relative;
                        clear: both;
                        width: 1024px;
                        height: 163px;
                        margin: auto;
                        margin-top: 20px;
                        text-align: center;
                        background: url(../images/footer.jpg) no-repeat;
                        font-size:13px;
                        font-weight:bold;
                        }

                        #copyright a {

                        color: #313193;
                        text-decoration: none;
                        }

                        #copyright a:hover {
                        color: #00ADEF;
                        text-decoration: none;
                        }

                        #copyright img {
                        border-style: none;

                        }

                        #copyright div.cp2 {

                        text-align: center;
                        }



                        voila mon code index php:

                        <!-- Footer -->
                        <div id="footer_wrap">
                        <div id="footer">
                        <jdoc:include type="modules" name="position-14" />
                        </div>
                        </div>




                        <div id="push"></div>

                        </div>


                        <?php /* --->>> Please support our work by leaving this copyright section intact */ ?>
                        <div id="copyright">
                        Copyright&copy;<?php echo date('Y'); ?> <?php echo $sitename; ?> | <a href="http://www.Kreall.be">Designed by Kreall</a><br/>

                        <?php /* <<<--- Please support our work by leaving this copyright section intact */ ?>

                        </div>

                        Commentaire


                        • #13
                          Re : pied de page

                          Essayes de coller ça à la place dans ton html:

                          Code:
                          <div id="push"></div>
                          
                          </div>
                          
                          
                          <?php /* --->>> Please support our work by leaving this copyright section intact */ ?>
                          <div id="copyright">
                          <jdoc:include type="modules" name="position-14" />
                          Copyright&copy;<?php echo date('Y'); ?> <?php echo $sitename; ?> | <a href="http://www.Kreall.be">Designed by Kreall</a><br/>
                          
                          <?php /* <<<--- Please support our work by leaving this copyright section intact */ ?>
                          
                          </div>
                          Ca va supprimer la div footer et passer le copyright position-14 dans la div copyright.
                          Création de sites web, Référencement, Intégration, Webdesign... Un Webmaster freelance pour vos campagnes de communication sur le web... www.lucvillalba.fr
                          Des tutos et astuces sur mon blog www.lestutosdelucho.fr

                          Commentaire


                          • #14
                            Re : pied de page

                            ça ne fonctionne pas

                            rien ne change...

                            Commentaire


                            • #15
                              Re : pied de page

                              la div copyright est bien dans la position-14 donc le bloc est ok, c'est ce qu'il y a dans le texte dans le bloc qui est mal positionné...

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X