Discussion :

[emree]

Bonjour à tous,

après des années, je remets la main dans le code et je me perds.

Je suis en train de créer un thème sous wordpress.

Je vous mets le code et je vous explique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
.menu_haut {
        width: 238px;
        height: 40px;
        background: url(images/menu_02.gif) no-repeat;
        margin: 0;
        padding: 0;}
 
.menu_milieu {
        width: 238px;
        background: url(images/menu_03.jpg) repeat-y;
        margin: 0;
        padding: 0;}
 
.menu_bas {
        width: 238px;
        height: 26px;
        background: url(images/menu_04.jpg) no-repeat;
        margin: 0;
        padding: 0;}

et le code dans la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id="sidebar">
 <div class="menu_haut"></div>
 <div class="menu_milieu">
   <ul>
     <?php  
        if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : 
        endif;
      ?>
   </ul>
 </div>
 <div class="menu_bas"></div>
  </div> <div id="header-bis">
    <ul>
       <?php   
          if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) :
         endif; ?>
   </ul>
</div>

Ce que j'aimerai, c'est que menu_02 et menu_04 se colle très parfaitement à menu_03.

Ce qui est faisable mais je bloque. Comment je peux procéder ? J'ai essayé de me calqué sur un autre thème, mais impossible à faire...


Cordialement

Eric

[devyan]

Salut,

D'après ce que je vois cela devrait fonctionner...

Maintenant, quel est EXACTEMENT le problème ?

S'ils ne sont pas alignés comment sont-ils ?

[c_s_s]

Bonjour,

Tu aurais le code HTML interprété, sans PHP ?!

Je ne vois ni menu_02, ni menu_04, ni menu_03 dans le code que tu donnes.

[devyan]

Je ne vois ni menu_02, ni menu_04, ni menu_03 dans le code que tu donnes.

Je me suis posé la même question avant de voir les noms des images de background

[emree]

Je vous remercie du temps que vous accordez à mon problème.

le problème c'est que ce n'est pas collé, il y a en tous cas "0.5 cm"

Je suis preneur d'une autre solution, l'essentiel pour moi c'est que ça colle

[c_s_s]

Tu aurais le code HTML interprété, sans PHP !

Ou mieux, une page en ligne ?

[kaiser59]

Salut,

J'ai modifié un peu ton code afin de le rendre plus clair, inutile de mettre des retour à la ligne à tout bout d'champ suffit juste de bien les placer.

Les balises <ul></ul> étaient mal placées ce qui explique certainement pourquoi elles n'étaient pas alignées.
En effet, tu avais dans ton code ce genre de choses :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
  <ul>
</div>
 </ul>

la syntaxe n'est pas bonne, tu devrais utiliser HTML Tidy sous firefox pour t'aider et vérifier avec W3C Validator.

Tu devrais plutôt avoir :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div>
  <ul>
    <li></li>
  </ul>
</div>

De plus, lorsque tu génères qqch avec php regarde ce que cela donne dans la source pour voir si c'est bien correcte le code


voilou