• Résolu positionner image pied de page


    Mardi 4 Février à 18:12
    *Marjolaine*

    Bonsoir

     je viens vers vous car j'ai un problème avec mon image pied de page.

    Je la trouve beaucoup trop basse, j'aimerais qu'elle plus près des articles ou des coms.

     J'ai tout essayé avec les marges, mais là, je jette l'éponge.

    Merci à vous tous et toutes de votre aide

    http://marjolainee-mages.eklablog.com/

     

    Mardi 4 Février à 19:55
    Colette95

    Bonsoir Marjolaine,

    Comme son nom l'indique, le pied de page, se place tout en bas du blog, donc après l'élément le plus long qui, en l'occurrence sur ton blog, est la colonne de gauche.

    Pour régler ton problème, il faudrait donc trouver un juste équilibre entre cette colonne et celle de tes articles. 

    Cordialement.

    Mercredi 5 Février à 07:32
    *Marjolaine*

     j'ai supprimé un module mais ça ne change rien.

    Sur certain blog ça ne fait pas ça,

    tant pis merci  d'avoir pris la peine de me répondre

     

    Mercredi 5 Février à 11:17
    Pipiou

    Bonjour bonjour,

    il n'est pas si bas que ça le pied de page, et comme dit Colette95 : c'est un pied de page ;)

    tu peux peut-être gagner de la place (verticale) dans ton menu en réduisant les espaces entre les titres des modules et ce qu'il y a dans les modules :

         

     

    Mercredi 5 Février à 13:16
    *Marjolaine*

    oups merci beaucoup, c'est surtout sous les coms que je trouve un peu grand le vide

     mais pas grave, je laisse comme cela

     encore une fois merci

    Mercredi 5 Février à 14:05
    stormalo

    Bonjour Marjolaine,

    1) Dans le thème css c'est ce code qui crée le grand espace de 300px après les commentaires :
    .module_bottom {
    height: 150px;
    margin-top: 150px;
    }

    A modifier ou supprimer.

     

    2) Pour l'image "A bientôt" qui est dans le pied de page, on pouvait aussi choisir de la  placer sous le formulaire de saisie des commentaires avec ce css:

    [id*="module_contenu_article_comments"]:after {
    content: "-------" url("http://ekladata.com/-AMBtAveb9sZKzZ7Wa4VCHm0Dqc.png");
    color: transparent;
    }

    Puisque tu laisses comme cela, c'est trop tard ; mais ça peut servir à d'autres. 

    Bonnes suites wink2

     

    Jeudi 6 Février à 09:22
    *Marjolaine*

    merci pour votre réponse je cherche le code

     

    Bonjour Marjolaine,


    .module_bottom {
    height: 150px;
    margin-top: 150px;
    }

     

    je ne le trouve pas

    je vais chercher encore.

     

    Après pas mal de recherche, je ne trouve pas ce code

     j'ai copié le css et collé dans word pad  mais je ne trouve toujours pas, je dois être

    un peu cruche!

    Pouvez vous me dire ou vous voyez ce code dans le css.

     encore une fois merci pour votre patience

    Jeudi 6 Février à 09:50
    stormalo

    Bonjour,

    Mon navigateur indique que c'est ligne 204 du css.

    A priori je pense que ce css résulte des valeurs choisies dans Modifier le thème.

    De toutes façons le pied de page est toujours plus bas que le dernier module du menu latéral

     

    Jeudi 6 Février à 11:50
    *Marjolaine*

    Voila le problème je n'ai rien de 199 à 205

     c'est super gentil

     

    Bon j'ai recopié le code

    que tu m'as  mis en capture et j'ai modifié les chiffres,

     le résultat:

     beaucoup moins de marges sous les coms,

    Toutefois je l'ai supprimé car cela me faisait remonter l'image commentaires dans l'article!

     je n'ai donc gardé que le pied de page en bas des coms, C'est vraiment bien.

     

    merci encore une fois et aussi pour le mp que je viens de voir.

    Par contre je ne m'explique pas la non visibilité de certaines lignes du css, mais bon ça fonctionne.

     encore une fois merci à tous les intervenants.

     

    Jeudi 6 Février à 22:06
    stormalo

    Lorsque j'ai un manque de visibilité de certaines lignes, ce qui n'est pas rare, je fais un clic à cet endroit et tout revient normal, mais je n'ai pas souvenir d'avoir eu ce manque en milieu de liste.

     

    Edit: au cas où > vérifier si ce ne sont pas des espaces ou des retours à la lignes inutiles.




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.