reauvorcotic
New Member
i am trying to open drop down vertical menu items to left side, for now it's opening at right side, but i wanted that it should opened at left side, how could i achieve this? , i wrote following things to get this doneCss :\[code\]#navContainer{ margin: 0; padding: 0; background: red; border: 1px solid #7398ba; text-align: center; width: 220px;} #navContainer ul { margin: 0; padding: 0; list-style: none; } #navContainer ul li { position: relative; } #navContainer ul li span { display: block; } #navContainer ul li a { text-decoration: none; color: white; display: block; padding: 8px; } #navContainer ul li span:hover { /*background: pink;*/ } #navContainer ul li a:hover { background: black; } #navContainer ul ul { position: absolute; display: none; } #navContainer ul ul li a { background: #bec8cb; } #navContainer ul li:hover ul { width: 80%; position: absolute; display: block; left: 218px; top: 0; }\[/code\]HTML :-\[code\]<div id="navContainer"> <ul> <li><span><a href="http://stackoverflow.com/questions/14558789/#">Home</a></span></li> <li> <span><a href="http://stackoverflow.com/questions/14558789/#">About </a></span> <ul> <li><a href="http://stackoverflow.com/questions/14558789/#">Our business</a></li> <li><a href="http://stackoverflow.com/questions/14558789/#">Our History </a></li> </ul> </li> <li> <span><a href="http://stackoverflow.com/questions/14558789/#">Services</a></span> <ul> <li><a href="http://stackoverflow.com/questions/14558789/#">Web Design</a></li> <li><a href="http://stackoverflow.com/questions/14558789/#">Web templates </a></li> <li><a href="http://stackoverflow.com/questions/14558789/#">Tutorials </a></li> </ul> </li> <li><span><a href="http://stackoverflow.com/questions/14558789/#">Contact</a></span></li> <li><span><a href="http://stackoverflow.com/questions/14558789/#">News</a></span></li> </ul> </div>\[/code\]current result :-
a result that i wanted
