Footer décalé… (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 17)
  • Auteur
    Messages
  • #464210
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : la dernière
    – Thème utilisé : quickpress
    – Plugins en place :
    – Nom de l’hebergeur : je suis en local => edit: OVH
    – Adresse du site : aucun => edit: http://www.bobmarleyrider.com

    Problème(s) rencontré(s) :

    Bonjour,
    Etant novice en la matière, j’essaie d’adapter un theme pour un blog VTT. Je suis sous DOTCLEAR et suis entrain de migrer vers WP. Je n’arrive pas à trouver d’ou peut venir mon probleme, le footer est parti sur la droite et je n’arrive pas à le faire revenir…

    voici mon css:

    /*  
    Theme Name: QuickPress
    Theme URI: http://www.quickonlinetips.com/archives/quickpress/
    Description: 3 columns, widget ready, SEO optimized, Ad ready, compatible wordpress theme by <a href="http://www.quickonlinetips.com/">Quick Online Tips</a>.
    Version: 1.2
    Author: Quick Online Tips
    Author URI: http://www.quickonlinetips.com/
    Tags: blue, widget ready, fixed width, three columns, widgets, valid CSS, valid XHTML
    */

    /* Begin Typography & Colors
    ————————————- */
    body {
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #666;
    color: #111;
    text-align: center;
    }

    #page {
    background-color: white;
    text-align: left;
    }

    #header {
    background-image: url(top.png);
    }


    #content {
    font-size: 1.1em;
    background: #fff;
    }

    .narrowcolumn .entry {
    line-height: 1.5em;
    }

    .narrowcolumn .postmetadata {
    text-align: center;
    }

    .alt {
    background: #CCCCCC;
    }

    #footer {
    background: #333333;
    border: none;
    }

    small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

    h1, h2, h3, h4 {
    font-weight: bold;
    }

    #content h1 {
    font-size: 1.7em;
    text-align: left;
    }

    #header td {
    font-size: 1.1em;
    }

    #header h1 {
    font-size: 1em;
    margin: 0;
    padding:0;
    }

    .blogtitle {
    font-size: 2.1em !important;
    text-align: left;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0 ;
    letter-spacing: -1px;
    }

    .adroitedutitre {
    font-size: 1.1em;
    text-align: right;
    font-weight: bolder;
    margin: 0px 0 0;
    padding: 0 ;
    letter-spacing: -1px;
    }

    .description {
    padding: 5px;
    color: #fff;
    font-size: 1.1em;
    text-align: left;
    }

    h2 {
    font-size: 1.7em;
    text-align: left;
    }

    h2.pagetitle {
    font-size: 1.6em;
    }

    #sidebar h2 {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.1em;
    }

    h3 {
    font-size: 1.3em;
    }

    #header h1, h1 a, h1 a:hover, h1 a:visited {
    text-decoration: none;
    color: white;
    }


    h1, h1 a, h1 a:hover, h1 a:visited {
    text-decoration: none;
    color: #666;
    }

    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #666;
    }

    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #sidebar h4, #wp-calendar caption, cite {
    text-decoration: none;
    }

    #sidebar h4 {
    font-size: 1.1em;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666;
    }


    .commentlist li, #commentform input, #commentform textarea {
    font-size: 1em;
    }

    .commentlist li {
    font-weight: normal;
    }

    .commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1em;
    }

    .commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

    #commentform p {
    font-size: 1.1em;
    }

    .commentmetadata {
    font-weight: normal;
    }

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #333333;
    }

    code {
    font: 1.1em ‘Courier New’, Courier, Fixed;
    }

    acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
    }

    a, a:visited, h2 a:hover, h3 a:hover {
    color: #41AC12;
    text-decoration: none;
    }

    a:hover {
    color: #666;
    }

    .entry a:hover {
    text-decoration: none;
    }


    /* Begin Structure
    ————————————- */
    body {
    margin: 0 0 10px 0;
    padding: 0;
    }

    #page {
    background-color: white;
    margin: 20px auto 10px auto;
    padding: 0;
    width: 950px;
    border: 5px solid #333333;
    }

    #header {
    background-color: #FFF;
    margin: 0 0px;
    padding: 15px 20px 0 20px;
    height: 314px;
    width: 910px;
    }

    #header a {
    color: white;
    text-decoration: none;
    }

    #header a:hover {
    color: #ccc;
    }

    #topbar {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;
    font-weight:bold;
    line-height: 1.3em;
    background: #444;
    padding: 10px;
    margin: 0 0 20px 0;
    color: #ccc;
    text-transform: uppercase;
    }

    #topbar a {
    color: #ccc;
    text-decoration:none;
    }

    #topbar a:hover {
    color: #fff;
    }

    .narrowcolumn {
    float: left;
    padding: 0 15px 20px;
    margin: 0px 0 0;
    width: 525px;
    background: #fff;
    }

    .post {
    margin: 0 0 20px;
    text-align: justify;
    }

    .post hr {
    display: block;
    }

    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }



    .postmetadata {
    clear: left;
    }

    #footer {
    color: #ccc;
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 0;
    font-size: 1.1em;
    margin: 0 auto;
    width: 950px;
    clear: both;
    }

    #footer p {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    }

    #footer a {
    color: #ccc;
    text-decoration: none;
    }

    #footer a:hover {
    color: #fff;
    }


    /* Begin Headers
    ————————————- */
    #content h1 {
    margin: 30px 0 0;
    }

    h2 {
    margin: 30px 0 0;
    }

    h2.pagetitle, h2.pagetitle {
    margin-top: 30px;
    text-align: center;
    }

    #sidebar h2 {
    margin: 10px 0 0;
    padding: 0;
    }

    #sidebar h4 {
    font-family: Georgia, « Times New Roman », Times, serif;
    margin: 10px 0 0;
    padding: 0;
    }

    h3 {
    padding: 0;
    margin: 30px 0 0;
    }

    h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }


    /* Begin Images
    ————————————- */
    p img {
    padding: 0;
    max-width: 100%;
    }

    .entry img {
    padding:5px;
    margin: 0 5px;
    border: 1px solid #DDD;
    max-width: 100%;
    }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }


    /* Begin Lists
    ————————————- */

    html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 20px;
    padding-left: 10px;
    }

    html>body .entry li {
    margin: 2px 0 2px 10px;
    }

    .entry ol {
    padding: 0 0 0 20px;
    margin: 0;
    }

    .entry ol li {
    margin: 0;
    padding: 0;
    }

    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

    #sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

    #sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

    #sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

    ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

    #sidebar ul ul li, #sidebar ul ol li {
    margin: 6px 0 0;
    padding: 0;
    }



    /* Begin Form Elements
    ————————————- */
    #searchform {
    margin: 261px -10px;
    padding: 5px 3px;
    text-align: right;
    }

    #sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

    #sidebar #searchsubmit {
    padding: 1px;
    }

    .entry form {
    text-align:center;
    }

    select {
    width: 130px;
    }

    #commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

    #commentform textarea {
    width: 100%;
    padding: 2px;
    }

    #commentform #submit {
    margin: 0;
    float: right;
    }



    /* Begin Comments
    ————————————- */
    .alt {
    margin: 0;
    padding: 10px;
    }

    .commentlist {
    padding: 0;
    margin: 0;
    text-align: justify;
    }

    .commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

    .commentlist p {
    margin: 10px 5px 10px 0;
    }

    #commentform p {
    margin: 5px 0;
    }

    .nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

    .commentmetadata {
    margin: 0;
    display: block;
    }

    img.avatar {
    float:left;
    margin: 0;
    padding: 0 4px 0 0;
    vertical-align:middle;
    }



    /* Begin Sidebar
    ————————————- */
    #sidebar
    {
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 20px 0 10px 0;
    margin-left: 565px;
    width: 370px;
    background: #fff;
    font-size: 1.1em;
    }

    #adbox {
    text-align: center;
    padding: 5px;
    margin: 0 0 5px 0;
    background: #f9f9f9;
    border: 2px solid #ddd;
    }

    #sidebar_low {
    clear:both;
    }

    #l_sidebar {
    width:170px;
    float: left;
    padding: 5px;
    border: 1px solid #DDD;
    background: #f9f9f9;
    }

    #r_sidebar {
    width:170px;
    float: right;
    padding: 5px;
    background: #f9f9f9;
    border: 1px solid #DDD;
    }


    #sidebar form {
    margin: 0;
    }


    /* Begin Tags & Classes
    ————————————- */

    acronym, abbr, span.caps {
    cursor: help;
    }

    acronym, abbr {
    border-bottom: 1px dashed #999;
    }

    blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #85B8E3;
    }

    blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

    .center {
    text-align: center;
    }

    hr {
    display: none;
    }

    .navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }

    /* Captions
    ————————————- */
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    voici mon fichier php du footer:

    <div id="footer"> 
    <p>
    <img src="http://localhost/wordpress/wp-content/themes/quickpress/favicon.png" alt="favicon" style="vertical-align:middle;border:0;" /> Copyright 2008. <?php bloginfo('name'); ?>. Tous droits réservés.
     


    <!-- DO NOT REMOVE OR EDIT. ATTRIBUTION REQUIRED TO USE THIS THEME -->
    <a href="http://www.quickonlinetips.com/archives/quickpress/" title="QuickPress">QuickPress</a> thème Wordpress par <a href="http://www.quickonlinetips.com/" title="Quick Online Tips">Quick Online Tips</a>
    <!-- DO NOT REMOVE OR EDIT. ATTRIBUTION REQUIRED TO USE THIS THEME -->

    </p>

    Je ne vois pas d’où cela peut venir (en meme temps vu que je ne m’y connais pas…)
    D’avance merci

    #649653
    taghaboy
    Membre
    Padawan WordPress
    59 contributions

    salut,
    parfois le problème vient de CSS, possible ya qlq chose (code css) qui fait déplacer ton footer, est sans un live demo + CSS code, il est impossible (pour moi 🙂 ) de savoir d’ou vient le problème, MAIS grâce a Firebug & Firefox tu peut en un seul clique de trouver la solution.
    Télécharger Firebug : http://www.getfirebug.com/
    tutorials video : http://www.youtube.com/results?search_query=firebug+firefox+extension&search_type=&aq=f
    Voila.

    #649654
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions

    Merci beaucoup pour la réponse, je vais regarder tout ça ! 🍺

    #649655
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions

    bon, j’ai installé firebug et j’ai essayé de réglé mon probleme mais rien à faire.
    mon site est sur 3 colonnes et j’ai remarqué que le footer se met au bord de la première sidebar ! je n’arrive pas à le faire commencer au bord gauche du site…

    #649656
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions

    Bonsoir,
    Je reviens vers vous car je n’ai toujours pas trouvé comment remettre mon footer en place… Entre temps j’ai mis mon blog en ligne. Si quelqu’un pouvait m’aider. D’avance merci ! J’ai mis à jour le premier post :D

    j’ai quelques autres soucis mais je pense ouvrir d’autres posts car ils n’ont rien à voir avec le footer…

    #649657
    Anonyme
    Inactif
    Padawan WordPress
    96 contributions

    A l’oeil je dirai qu’il manque un clear mais sans avoir regardé le code.

    Sur la classe de ton footer, ajoute un clear: both;.

    #649658
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    Bonjour,
    Je viens de ramer un peu sur ton css, impossible de décaler ce footer à gauche, il est enfermé dans la largeur de ta sidebar.
    Du coup il m’est venu l’idée que dans tes fichiers php, l’appel du footer n’est peut-être pas au bon endroit : est-ce que je me trompe si je te dis qu’actuellement il est en fin de fichier sidebar.php (cet appel doit ressembler à ) ? Parce que si c’est ça on peut toujours ramer, pas moyen !
    Il faudrait, si c’est bien le cas, le sortir de là et le placer en fin du fichier index.php, ainsi que dans tes pages si tu le souhaites aussi (je n’ai pas regardé), où là il devrait pouvoir occuper la largeur entière et être paramétré en css – enfin je crois..!

    #649659
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions
    Buzz l’abeille wrote:
    A l’oeil je dirai qu’il manque un clear mais sans avoir regardé le code.

    Sur la classe de ton footer, ajoute un clear: both;.

    Bonjour,
    J’ai déjà un clear: both sur la classe de mon footer (enfin dans le fichier css)
    merci quand meme…

    #649660
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions
    Maître Mô wrote:
    Bonjour,
    Je viens de ramer un peu sur ton css, impossible de décaler ce footer à gauche, il est enfermé dans la largeur de ta sidebar.
    Du coup il m’est venu l’idée que dans tes fichiers php, l’appel du footer n’est peut-être pas au bon endroit : est-ce que je me trompe si je te dis qu’actuellement il est en fin de fichier sidebar.php (cet appel doit ressembler à ) ? Parce que si c’est ça on peut toujours ramer, pas moyen !
    Il faudrait, si c’est bien le cas, le sortir de là et le placer en fin du fichier index.php, ainsi que dans tes pages si tu le souhaites aussi (je n’ai pas regardé), où là il devrait pouvoir occuper la largeur entière et être paramétré en css – enfin je crois..!

    Je viens de vérifier mais pas d’appel au footer dans le fichier sidebar.php.
    L’appel est bien en toute fin des fichiers index.php , page.php , search.php , archive.php et single.php mais rien dans sidebar …
    Impossible de la faire bouger !!!

    #649661
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    Bon, excuse-moi alors, mauvaise idée.
    En revanche, je viens de réussir à l’instant, un truc que je n’arrivais pas à faire précédemment – je suppose que tu as modifié autre chose entre temps ?
    Tu peux faire ça : (ligne 288 de ton css)
    #footer {
    clear:both;
    color:#000000;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:1.1em;
    margin:0 0 0 -565px;
    padding:0;
    width:950px;
    }
    Je pense quand-même que cette énorme marge gauche négative n’est pas normale, ça doit venir du fait que la marge droite de la sidebar est elle-même énorme !
    Mais enfin, ça fonctionne, là…

    #649662
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions
    Maître Mô wrote:
    Bon, excuse-moi alors, mauvaise idée.
    En revanche, je viens de réussir à l’instant, un truc que je n’arrivais pas à faire précédemment – je suppose que tu as modifié autre chose entre temps ?
    Tu peux faire ça : (ligne 288 de ton css)
    #footer {
    clear:both;
    color:#000000;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:1.1em;
    margin:0 0 0 -565px;
    padding:0;
    width:950px;
    }
    Je pense quand-même que cette énorme marge gauche négative n’est pas normale, ça doit venir du fait que la marge droite de la sidebar est elle-même énorme !
    Mais enfin, ça fonctionne, là…

    Super ! Merci beaucoup Maître Mô !!! 🍺
    Par contre comme j’ai deux, trois ptits problèmes je vais les exposer ici, s’il faut que je fasse differents posts dites le, je modifierai :D

    => Dans chacun de mes articles je n’arrive pas à modifier l’emplacement de « Ajouter un commentaire » qui se trouve au milieu au lieu d’avoir une ligne de sauté et collé à gauche… Je ne sais pas où faire les modifs…

    => J’utilise simple-tag et ne sais pas où aller pour modifier « TaGs » sous chaque article, je voudrais qu’il se mette après le lien faire les commentaires…

    => J’utilise websnapr pour les liens dans les articles. Je voudrai appliquer la meme info bulle sur la blogoliste mais ne sais pas comment faire. Egalement enlever cette animation sur les petits icones sous « Partager »…

    Voilà, j’en demande beaucoup mais après promis, je ne vous embête plus… jusau’au prochain probleme :rolleyes:

    #649663
    wolforg
    Bloqué
    Chevalier WordPress
    248 contributions

    S@lut,

    – Pour effectuer des modifications sur tes articles il te faut éditer single.php dans le repertoire de ton thème.
    – Pour modifier l’intitulé Tags dans Simple Tags, il te faut aller dans « Tags de l’article courant » dans les options du plugin.

    Ré@gissons, p@rticipons…

    #649664
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions
    wolforg wrote:
    S@lut,

    – Pour effectuer des modifications sur tes articles il te faut éditer single.php dans le repertoire de ton thème.
    – Pour modifier l’intitulé Tags dans Simple Tags, il te faut aller dans « Tags de l’article courant » dans les options du plugin.

    Ré@gissons, p@rticipons…

    Bonjour,

    Pour les tags, je ne souhaite pas modifer l’intitulé mais bien qu’il ne soit pas avant mais après « commentaires » à la fin de mes articles.
    Merci quand meme.

    Sinon, dans single je vois bien l’appel aux commentaires mais comment faire pour le mettre à gauche, c’est pas dans le css que ca se passe ?

    #649665
    wolforg
    Bloqué
    Chevalier WordPress
    248 contributions

    Pour mettre tes tags après tes commentaires, dans single.php il te faut déplacer

    <?php the_tags( '<p>Tags: ‘, ‘, ‘, ‘</p>‘); ?>

    après

    , cela risque même de résoudre ton souci avec l’affichage centré des commentaires.

    Ré@gissons, p@rticipons…

    #649666
    bobmarleyrider
    Participant
    Initié WordPress
    28 contributions
    wolforg wrote:
    Pour mettre tes tags après tes commentaires, dans single.php il te faut déplacer

    <?php the_tags( '<p>Tags: ‘, ‘, ‘, ‘</p>‘); ?>

    après

    , cela risque même de résoudre ton souci avec l’affichage centré des commentaires.

    Ré@gissons, p@rticipons…

    Pour le tag de wordpress cela aurait fonctioné, avec le plugin simple-tag je ne vois pas d’appel au tag dans single.

15 sujets de 1 à 15 (sur un total de 17)
  • Vous devez être connecté pour répondre à ce sujet.