Annonce

Important : WordPress 2.6 est disponible en français. À lire avant la migration !
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.
  • Index
  •  » Thèmes
  •  » position d'un image d'fférente selon les navigateurs

#1 12-04-2008 14:32:07

Papillon
Membre WP
Lieu: Ecouen
Date d'inscription: 12-04-2008
Messages: 6
Site web

position d'un image d'fférente selon les navigateurs

Bonjour,

Ma configuration WP actuelle
- Version de WordPress :version 2.3
- Thème utilisé : Clean purple 1.0
- Plugins en place : all in one seo, gg xml sitemap, dofollow, askimet, sociable, wp cumulus, snap my roll, wp lightbox2
- Nom de l'hebergeur : ovh
- Adresse du site : Les news de papilouve

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

Bonjour,

J'ai un souci avec une image (dans la barre à gauche, étiquette intitulée "important".
Je l'ai intégré dans le fichier "sidebar.php" de mon thème, dans une div, pour la positionner correctement, dans la barre à gauche :

<div id="apDiv1">
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <a href="http://www.seosphere.com/forum/" title="forum référencement" target="_blank" alt="forum referencement"><img src="http://www.papilouve.com/tagseo2.png" align="left" alt="forum référencement" /></a></div>

Cependant, quand je regarde avec internet explorer, quelle que soit la version, l'image se retrouve à droite, même pas dans la sidebar, mais à l'extrême droite blink.

Existe t-il une solution pour la fixer, et éviter tous ces "&nbsp"  ? car c'est absolument inesthétique !
Merci de votre aide smile
Audrey

Dernière modification par Papillon (12-04-2008 14:33:16)


pourquoi mettre des coloriages de papillons sur mon blog ?

Hors ligne

 

#2 12-04-2008 17:27:48

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1525
Site web

Re: position d'un image d'fférente selon les navigateurs

Sans garantie, moi je tenterais d'inclure ta <div id="apDiv1"> dans la div "sidebar-left" et non juste après.


Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#3 13-04-2008 15:56:05

Papillon
Membre WP
Lieu: Ecouen
Date d'inscription: 12-04-2008
Messages: 6
Site web

Re: position d'un image d'fférente selon les navigateurs

Salut Comme une image smile

Voilà exactement à quoi ressemble le code de ma page :

<!-- Sidebar Left -->
<style type="text/css">
<!--
#apDiv1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    top: 279px;
}
-->
</style>

<div id="sidebar-left">
       
            <h3>Pages</h3>
            <ul>
                <?php wp_list_pages('title_li='); ?>
            </ul>
           
            <h3>Archives</h3>
            <ul>
                <p>
                  <?php wp_get_archives('type=monthly'); ?>
                </p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
  </ul>
</div>
        <div id="apDiv1">
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <a href="http://www.seosphere.com/forum/" title="forum référencement" target="_blank" alt="forum referencement"><img src="http://www.papilouve.com/tagseo2.png" align="left" alt="forum référencement" /></a></div>
        <!-- /Sidebar Left -->

Quand tu dis " dans la div sidebar-left", c'est à quel endroit, exactement ?
J'ai déjà essayé de l'intégrer directement après <h3>Archives</h3> + code php, mais ça n'a pas fonctionné sad


pourquoi mettre des coloriages de papillons sur mon blog ?

Hors ligne

 

#4 13-04-2008 22:15:26

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1525
Site web

Re: position d'un image d'fférente selon les navigateurs

Déjà, mettre des styles dans ton php, c'est ... hum... disons à réserver à des cas exceptionnels !

Ce que je te suggérais, c'était d'inclure la div apDiv1 dans la div sidebar.
Donc, au lieu de la refermer (juste après </ul>), tu démarres <div id="apDiv1"> et tu refermes à la fin :
</a></div></div>
        <!-- /Sidebar Left -->

D'ailleurs, le commentaire l'indique : c'est là que doit se refermer ta sidebar !!!


Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#5 14-04-2008 17:08:54

Papillon
Membre WP
Lieu: Ecouen
Date d'inscription: 12-04-2008
Messages: 6
Site web

Re: position d'un image d'fférente selon les navigateurs

C'est parfait !
Merci beaucoup, beaucoup smile


pourquoi mettre des coloriages de papillons sur mon blog ?

Hors ligne

 
  • Index
  •  » Thèmes
  •  » position d'un image d'fférente selon les navigateurs

Pied de page des forums

Propulsé par PunBB 1.2.20
© Copyright 2005-2006 WordPress France