Bonsoir à 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

.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 :

<div id="sidebar">

 <div class="menu_haut"></div><div class="menu_milieu"><ul><?php  
            if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
              
				
            <?php endif; ?>
            </div>
            <div class="menu_bas"></div>
    </ul> </div> <div id="header-bis">
    <ul>
        <?php   
            if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) : ?>
               
            <?php 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...

J'espère que j'ai été assez clair après une journée de code.

Cordialement

Eric
Modifié par emre (21 Nov 2008 - 21:25)
je suis preneur d'une autre possibilités si quelqu'un me montre comment je peux créer un menu avec un font et 2 images qui se collent avec ce satané wordpress

Merci
Bonjour et bienvenue sur le Forum Smiley smile

Sans avoir regardé en détail le problème rencontré, je suis assez étonnée du code html/php produit. D'ailleurs, au passage, je précise que le code php n'est d'aucune utilité ici et qu'il serait plus pertinent de donner le code html renvoyé par le serveur.

<div id="sidebar">
  <div class="menu_haut"></div>
  <div class="menu_milieu">
    <ul><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
    <?php endif; ?>
    </div>
    <div class="menu_bas"></div>
    </ul>
  </div>
  <div id="header-bis">
    <ul><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) : ?>
    <?php endif; ?>
    </ul>
  </div>


- Les listes <ul> ne semblent pas contenir d'éléments de liste <li>
- Il y a un imbriquement de balises <ul> et <div> qui n'est pas logique.
- A quoi diable servent les <div> vides ?

Bref, en l'état il ne nous est pas possible de t'aider.
Il serait préférable de partir d'un rendu souhaité (une capture d'écran serait appréciée) et de coder proprement le HTML correspondant.

Après seulement, l'intégration dynamique pourra être envisagé. Smiley smile
Modifié par Cygnus (24 Nov 2008 - 11:41)
Merci Laaapin !

je te me le code html comme ça tu pourras mieux comprendre :



<div id="sidebar">

 <div class="menu_haut"></div><div class="menu_milieu"><ul>	<div id="pages" class="widget widget_pages">		<h2 class="widgettitle">Pages</h2>		<ul>
			<li class="page_item page-item-2"><a href="http://127.0.0.1/centredelarc/blog/?page_id=2" title="À propos">À propos</a></li>
<li class="page_item page-item-11"><a href="http://127.0.0.1/centredelarc/blog/?page_id=11" title="asff">asff</a></li>
<li class="page_item page-item-9"><a href="http://127.0.0.1/centredelarc/blog/?page_id=9" title="asfsdf">asfsdf</a></li>

		</ul>
	</div>            </div>
            <div class="menu_bas"></div>


Il me semble que chaque div est justifié et s'il l'est pas, c'est pour ça que je suis là!

Merci de votre aide
Cygnus a écrit :

...je suis assez étonnée du code htl/php produit. D'ailleurs, au passage, je précise que le code php n'est d'aucune utilité ici et qu'il serait plus pertinent de donner le code html renvoyé par le serveur.

hum...moi aussi ! Smiley lol

ps: le code htl n'est pas utile non plus Smiley rofl

Smiley cligne
@6l20 : Gnia Gnia Gnia Smiley langue

@emre :
<ul>
  <div id="pages" class="widget widget_pages">
    <h2 class="widgettitle">Pages</h2>
    <ul>
...

Une liste <ul> ne peut contenir que des éléments de liste <li>.
Le <div id="pages"> n'a donc pas sa place ici (pas plus que le <h1>.