18041 sujets

Questions générales et questions de débutants

Probleme menu déroulant

bonjour,

je voulais inserer un menu déroulant dans la page d'acceuil html, mais une fois que c fait, ca casse ma mise en page. ca serai sympa si quelqu'un pourra m'aider merci d'avance.

voici mon code conserant la partie du menu: 

<div style="position:relative;left:1px;top:87px;z-index:16">
<table  border=0 cellpadding=0 cellspacing=0 height='24'><tr><td valign='bottom' height='24'>
<img src='http://photos.jardindupicvert.com/im_menu/fond_bas.gif' width=3 height='1'></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/gauche.gif'></td><td valign='bottom' height='24'>


 <ul id="extensible-menu" style="list-style-type:none">
  <li style="display:inline">
<a href='/4daction/w/p24lzvar4twgd2pr97.twyyg0ml3_'>


<img src='http://photos.jardindupicvert.com/im_menu/accueil_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/accueil_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/accueil_off.gif'"></a>

	<ul class="extensible-menu">
      <li><a href="#">Nabil </a></li>
      <li><img src="FlecheDroite.gif" border='0' align='right' /> Item2 
        <ul>
          <li><a href="#">Nabil </a></li>
          <li><img src="FlecheDroite.gif" border='0' align='right'align='bottom' />Item2
			<ul>
              <li><a href="#">Item1</a></li>
              <li><a href="#">Item2</a></li>
              <li><a href="#">Item3</a></li>
              <li><a href="#">Item4</a></li>
            </ul>
          </li>
          <li><a href="#">Item3</a></li>
          <li><a href="#">Item4</a></li>
        </ul>
      </li>
      <li><img src="FlecheDroite.gif" border='0' align='right'align='bottom' />Item3
        <ul>
          <li><a href="#">Item1</a></li>
          <li><img src="FlecheDroite.gif" border='0' align='right'align='bottom' />Item2
            <ul>
              <li><a href="#">Item1</a></li>
              <li><a href="#">Item2</a></li>
              <li><a href="#">Item3</a></li>
              <li><a href="#">Item4</a></li>
            </ul>
          </li>
          <li><a href="#">Item3</a></li>
          <li><a href="#">Item4</a></li>
        </ul>
      </li>
      <li><a href="#">Item4</a></li>
      <li><a href="#">Item5</a></li>
      <li><a href="#">Item6</a></li>
    </ul>
  </li>
</ul>

</td>






<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.fmxmz3a83_'>
<img src='http://photos.jardindupicvert.com/im_menu/concept_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/concept_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/concept_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.lmkg5ivc2_'>
<img src='http://photos.jardindupicvert.com/im_menu/plantes_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/plantes_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/plantes_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.f4gk8fqo2_'>
<img src='http://photos.jardindupicvert.com/im_menu/equipement_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/equipement_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/equipement_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.c79646ig1_'>
<img src='http://photos.jardindupicvert.com/im_menu/promotions_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/promotions_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/promotions_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.i67dexjh2_'>
<img src='http://photos.jardindupicvert.com/im_menu/nouveautes_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/nouveautes_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/nouveautes_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.pidt00311_'>
<img src='http://photos.jardindupicvert.com/im_menu/faq_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/faq_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/faq_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/droit.gif'></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/fond_bas.gif' width=158 height='1'></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/gauche.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.f4qxqoca3_'>
<img src='http://photos.jardindupicvert.com/im_menu/selection_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/selection_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/selection_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.a0ufsn5m3_'>
<img src='http://photos.jardindupicvert.com/im_menu/panier_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/panier_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/panier_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/croix_d.gif'></td><td valign='bottom' height='24'>
<a href='/4daction/w/p24lzvar4twgd2pr97.hs7uytgx4_'>
<img src='http://photos.jardindupicvert.com/im_menu/creacompte_off.gif' border='0' valign='bottom' onMouseover="this.src='http://photos.jardindupicvert.com/im_menu/creacompte_on.gif'" onMouseout="this.src='http://photos.jardindupicvert.com/im_menu/creacompte_off.gif'"></a></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/droit.gif'></td>
<td valign='bottom' height='24'><img src='http://photos.jardindupicvert.com/im_menu/fond_bas.gif' width=3 height='1'></td></tr></table>
</div>


voici un ptit apercu:

[ upload/12212-jardin1.GIF[ ]
Modifié par makefile (24 May 2007 - 11:38)
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Administrateur
makefile a écrit :
salut,

merci de l'avoir preciser. je vais refaire çà.

Non non, ne pas le refaire, simplement l'éditer Smiley cligne
Sujet clos
Aller à