Étant donné ce script, comment puis-je placer le sous-menu à gauche du menu principal?

voir ce script s'il vous plaît:Étant donné ce script, comment puis-je placer le sous-menu à gauche du menu principal?

<style> 
.rightnav_menu 
{ 
    width: 152px; 
    height: 294px; 
    direction: rtl; 
    text-align: right; 
    clear: both; 
    margin: 0px; 
    float: right; 
    background-color: #cae9eb; 
} 

.rightnav_menu ul 
{ 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    font-family: Tahoma, Geneva, sans-serif; 
    font-size: 10pt; 
    font-weight: bold; 
    width: 152px; 
} 

.rightnav_menu ul li 
{ 
    position: relative; 
} 

.rightnav_menu ul li a 
{ 
    display: block; 
    overflow: auto; 
    color: #DCDBF9; 
    text-decoration: none; 
    padding: 6px; 
} 

.rightnav_menu ul li a:link, .rightnav_menu ul li a:visited, .rightnav_menu ul li a:active 
{ 
    background-color: #012D58; 
} 

.rightnav_menu ul li a:hover 
{ 
    background-color: #000000; 
} 

.rightnav_menu ul li ul 
{ 
    position: absolute; 
    width: 152px; 
    top: 0; 
    visibility: hidden; 
} 



* html .rightnav_menu ul li { float: left; height: 1%; } 
* html .rightnav_menu ul li a { height: 1%; } 

</style> 

<script type="text/javascript"> 

//Nested Side Bar Menu (Mar 20th, 09) 
//By Dynamic Drive: http://www.dynamicdrive.com/style/ 

var menuids=["sidebarmenu"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas 

function initsidebarmenu() { 
    for (var i=0; i<menuids.length; i++) { 
     var ultags = document.getElementById(menuids[i]).getElementsByTagName("ul"); 

     for (var t=0; t<ultags.length; t++) { 
      ultags[t].parentNode.getElementsByTagName("a")[0].className += " subfolderstyle" 

      if (ultags[t].parentNode.parentNode.id==menuids[i]) { 
       //if this is a first level submenu 
       //dynamically position first level submenus to be width of main menu item 
       ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" 
      } else { 
       //else if this is a sub level submenu (ul) 
       //position menu to the right of menu item that activated it 
       ultags[t].style.left = ultags[t-1].getElementsByTagName("a")[0].offsetWidth + "px" 
      } 

      ultags[t].parentNode.onmouseover = function() { 
       this.getElementsByTagName("ul")[0].style.display = "block" 
      } 

      ultags[t].parentNode.onmouseout = function() { 
       this.getElementsByTagName("ul")[0].style.display = "none" 
      } 
     } 
     for (var t=ultags.length-1; t>-1; t--) { 
      //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars 
      ultags[t].style.visibility = "visible" 
      ultags[t].style.display = "none" 
     } 
    } 
} 

if (window.addEventListener) 
    window.addEventListener("load", initsidebarmenu, false) 
else if (window.attachEvent) 
    window.attachEvent("onload", initsidebarmenu) 

</script>

C'est le style et le script .. et vous pouvez voir un exapmle de ce qu'il fait ici:

http://rapidshare.com/files/267332783/css_menue_trail.html

J'écris en arabe et je essayé de modifier ce script pour adapter mon style ci-dessus pour faire apparaître le sous-menu sur le côté gauche de l'élément ... s'il vous plaît essayer avec moi s'il vous plaît

merci à l'avance

Source

2009-08-14 Anonymous

Remplacez "left" width "right" dans le code css et javascript, puis ajoutez dir = "rtl" à la balise html. Votre tête doit ressembler à ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    ... 
</head>

Cela semble fonctionner pour moi, mais je ne sais pas :-) arabe

Voici une version modifiée: css_menue_trail_arabic.html

Source

2009-08-14 17:57:19 Nino

Étant donné ce script, comment puis-je placer le sous-menu à gauche du menu principal?

Répondre

Questions connexes