Dans ce menu horizontal uniquement pour le dernier menu déroulant que je veux garder l'intérieur

Question

http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

droit de menu déroulant de dernier élément passe en dehors du menu

alt text http://shup.com/Shup/374936/110621146-My-Desktop.png

J'ai besoin que le sous-menu de dernier dernier élément à l'intérieur.

comme celui-ci alt text http://shup.com/Shup/374939/1106211810-My-Desktop.png

Answer 1

Tout d'abord, vous pouvez envisager le positionnement relativement de votre menu principal li. Ensuite, les listes déroulantes ul qui sont positionnées de manière absolue apparaîtront sous leur LI correspondant par défaut. Comme ceci par exemple:

ul.dropdown li { 
    position: relative; 
} 

Ensuite, vous pouvez simplement ajouter une nouvelle classe à la dernière <li class="dir"> qui obtient son propre style pour changer la position du dernier menu déroulant. Quelque chose comme ceci par exemple:

HTML:

<li class="dir last"> 

CSS:

li.last ul { 
    left: -50px; /* or however much you need for it to appear where you want it to */ 
} 

Answer 2

Vous devez définir la bonne position pour cette liste particulière à savoir

<li class="dir"><a href="./">Contact Us</a> 
     <ul style="last-menu"> 
      <li><a href="./">Enquiry Form</a></li> 
      <li><a href="./">Map &amp; Driving Directions</a></li> 
      <li><a href="./">Your Feedback</a></li> 
     </ul> 
    </li> 

<style> 
    .last-menu{ 
    right: 0px; 
    } 
</style>