Vous n'êtes pas identifié.
Annonce
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
#1 15-06-2008 14:39:33
Problème de marge à droite
Bonjour,
Ma configuration WP actuelle
- Version de WordPress : version 2.5.1
- Thème utilisé : networker-10
- Plugins en place :
- Nom de l'hebergeur : OVH
- Adresse du site : www.badhairdays.fr
Problème(s) rencontré(s) :
Bonjour,
J'ai un souci dans la modification du thème networker-10 ( http://antbag.com/networker-theme-for-wordpress/ )
Une grande marge est apparue sur le côté droit quand j'ai rendu le thème "élastique". Il en résulte un ascenseur horizontal.
Je n'ai touché que le CSS (qui est la limite de mes connaissances, le PHP, je n'ai jamais tenté) et ai vérifié que je n'avais pas un padding bizarre quelque part, mais je ne trouve vraiment pas ce que j'ai pu faire pour que cette marge apparaisse à droite.
Merci d'avance pour les suggestions (et les erreurs monumentales que vous pourriez repérer...)
Hors ligne
#2 15-06-2008 22:56:56
- Comme une image
- Burpeur Wordpress
- Lieu: Paris (enfin presque)
- Date d'inscription: 30-01-2008
- Messages: 1637
- Site web
Re: Problème de marge à droite
Salut,
Supprime la width 85% de ton body.
J.
Hors ligne
#3 15-06-2008 23:04:37
Re: Problème de marge à droite
Bonsoir,
Déjà, j'ai honte du body 85%. Effectivement, c'est bien mieux sans, mais j'ai toujours un ascenseur horizontal (moins important)
Merci beaucoup pour cette réponse rapide et bonne soirée
Hors ligne
#4 16-06-2008 00:28:15
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 192
Re: Problème de marge à droite
Bonsoir
Vicky a écrit:
Je n'ai touché que le CSS
Ah ça c'est pas vrai ! 
Qu'est ce qui fout ce code html à cet endroit entre la balise </head> et celle du <body> dans le fichier header.php
Code:
- </head>
- <div id="header"><div class="title">
- <h1><a href="http://www.badhairdays.fr">Bad Hair Days</a></h1>
- <h4>Capillairement incorrect</h4>
- </div>
- </div>
- <div id="top-menu">
- <ul>
- <li><a class="current" href="http://www.badhairdays.fr">Home</a></li>
- <li class="page_item page-item-2"><a href="http://www.badhairdays.fr/?page_id=2" title="À propos">À propos</a></li>
- </ul>
- </div>
- <body><div id="wrapper">
Une fois remis à sa place, ce sera plus facile de voir le peu qui te reste à enlever pour faire disparaître cette barre de scroll.
Hors ligne
#6 17-06-2008 12:03:59
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 192
Re: Problème de marge à droite
Vicky a écrit:
Je le le déplace où?
Pour ce qui concerne les modifs à faire dans le html plutôt que de bouger le bloc mentionné dans le post précédent, il vaudrait mieux déplacer la balise <body> seule ce qui reviendra finalement au même.
dans le fichier header.php il doit y avoir une partie du code ressemblant à ceci (attention certaines parties de code présentées ci-dessous seront différentes chez toi car je ne peux voir ton code php.)
</head>
<div id="header"><div class="title">
<h1><a href="http://www.badhairdays.fr">Bad Hair Days</a></h1>
<h4>Capillairement incorrect</h4>
</div>
</div>
<div id="top-menu">
<ul>
<li><a class="current" href="http://www.badhairdays.fr">Home</a></li>
<li class="page_item page-item-2"><a href="http://www.badhairdays.fr/?page_id=2" title="À propos">À propos</a></li>
</ul>
</div>
<body><div id="wrapper">
<div id="container">
il faut couper/coller (Ctrl + X puis Ctrl V) la balise <body> qui se trouve à l'avant dernière ligne juste avant la div wrapper et aller l'insérer juste en dessous la balise head.
Pour éviter les embrouilles voilà à quoi ça doit ressembler au final.
</head>
<body>
<div id="header"><div class="title">
<h1><a href="http://www.badhairdays.fr">Bad Hair Days</a></h1>
<h4>Capillairement incorrect</h4>
</div>
</div>
<div id="top-menu">
<ul>
<li><a class="current" href="http://www.badhairdays.fr">Home</a></li>
<li class="page_item page-item-2"><a href="http://www.badhairdays.fr/?page_id=2" title="À propos">À propos</a></li>
</ul>
</div>
<div id="wrapper">
<div id="container">
Par la suite et toujours dans le code html il faudra aller dans le fichier qui devrait s'appeler sidebar.php. Là il doit y avoir le commentaire suivant <!-- Start Rightbar --> puis dessous du code ressemblant à ceci :
<div class="syndication">
<ul class="rss">
<li class="sub">
<a href="http://www.badhairdays.fr/?feed=rss2" title="Suivez ce site par syndication RSS" class="feed">
<span>
</span>
<abbr title="Really Simple Syndication">RSS</abbr> Syndication</a></li>
</ul>
</div>
Il faut transformer la <div class="syndication"> en <li ....> et puis la </div> fermante en </li> puis supprimer le span vide soit au final (toujours pour éviter les embrouilles) le code suivant :
<li class="syndication">
<ul class="rss">
<li class="sub">
<a href="http://www.badhairdays.fr/?feed=rss2" title="Suivez ce site par syndication RSS" class="feed">
<abbr title="Really Simple Syndication">RSS</abbr> Syndication</a></li>
</ul> </li>
Pour les modifs du code CSS on verra après.
Dernière modification par jessy (17-06-2008 12:05:29)
Hors ligne
#7 17-06-2008 19:36:02
Re: Problème de marge à droite
Bonjour,
Tout d'abord, j'ai modifié le fichier header.php selon les instructions.
Pour sidebar.php, le code est un peu plus fouilli que prévu, j'ai trouvé ça:
Code:
- <div class="rightbar">
- <ul>
- <div class="syndication">
- <ul class="rss">
- <li class="sub"><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>" class="feed"><span></span><?php _e('<abbr title="Really Simple Syndication">RSS</abbr> Syndication'); ?></a></li>
- </ul>
- </div>
Que j'ai donc modifié comme suit:
Code:
- <li class="syndication">
- <ul class="rss">
- <li class="sub"><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>" class="feed"><?php _e('<abbr title="Really Simple Syndication">RSS</abbr> Syndication'); ?></a></li>
- </ul>
- </li>
Il semblerait que du coup l'icône de syndication ait disparu (bon, d'un autre côté, il était moche)
Merci beaucoup pour cette aide au nettoyage!
Hors ligne
#8 17-06-2008 21:42:25
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 192
Re: Problème de marge à droite
Vicky a écrit:
Il semblerait que du coup l'icône de syndication ait disparu (bon, d'un autre côté, il était moche)
Ok c'est bon pour le code html. Pour l'image du RSS ça pourra toujours s'ajouter par la suite mais elle me mettait la panique sous IE (à voir + tard)
Maintenant pour régler le compte à Firefox, il faut aller dans le fichier style.css et modifier les lignes de code suivantes (en rouge)
.title {
color:#990000;
font-size:20px;
margin:0pt auto;
padding:20px;
width:100%;
}
à modifier pour lire
padding:20px 0;
#footer {
background:#FFFFFF none repeat scroll 0%;
border-bottom:medium none;
border-top:1px dotted #CCCCCC;
clear:both;
color:#CCCCCC;
float:left;
font-size:80%;
line-height:18px;
margin:0pt;
padding:10px 5px 5px 10px;
width:100%;
}
à modifier pour lire
padding:10px 0;
avec les 2 modifs ci-dessus, ça devrait être ok pour FF.
Pour enlever l'énorme barre de scroll sous IE7 et 6 mets déjà la div top-menu en float left soit dans le code ci-dessous :
#top-menu {
background:transparent none repeat scroll 0%;
border:medium none;
clear:both;
float:right;
font-family:Arial,Helvetica,Georgia,Sans-Serif;
text-align:right;
width:100%;
}
mettre float:left;
à y être supprime la ligne suivante dans la div #wrapper (pour que la gambette de la Miss soit visible)
#wrapper{
margin: 0 auto;
width: 100%;
text-align: left;
border: none;
background: #FFF;
}
il devrait plus rester grand chose à modifier mais avant de poursuivre (et finir) je voudrais voir ce que ça donne.
Parfois il y a des surprises (souvenirs souvenirs 
)
Hors ligne
#9 17-06-2008 21:56:45
Re: Problème de marge à droite
Bonsoir,
J'ai effectué toutes les modifications, et... c'est parfait! Juste histoire d'être sûre d'avoir bien compris: c'était les paddings qui trainaient un peu partout qui décalaient tout?
En tout cas merci beaucoup pour l'aide, la rapidité et l'efficacité. 
Hors ligne
#10 17-06-2008 22:30:42
- jessy
- Passionné WP
- Date d'inscription: 08-09-2007
- Messages: 192
Re: Problème de marge à droite
Vicky a écrit:
Bonsoir,
J'ai effectué toutes les modifications, et... c'est parfait!
Pour FF c'est OK mais je pensais qu'il y aurait eu encore 1 ou 2 réglages à faire pour IE7 et 6 mais apparemment non (tant mieux) et j'ajoute que c'est également bon sous Opéra et Safari.
Juste histoire d'être sûre d'avoir bien compris: c'était les paddings qui trainaient un peu partout qui décalaient tout?
Beh oui entr'autres plus le reste (depuis le width en % signalé par Comme une image).
En tout cas merci beaucoup pour l'aide, la rapidité et l'efficacité.
De rien mais quand la question est bien posée et qu'il y a un site en ligne pour montrer le problème, c'est beaucoup plus facile (et surtout aussi quand les corrections sont faites et bien faites) 
jessy
Hors ligne
