Urdu Planet Forum -Pakistani Urdu Novels and Books| Urdu Poetry | Urdu Courses | Pakistani Recipes Forum  

Go Back   Urdu Planet Forum -Pakistani Urdu Novels and Books| Urdu Poetry | Urdu Courses | Pakistani Recipes Forum > IT Planet > Designing Zone

Notices

Designing Zone Everything Related to Graphic Designing goes in here. For example,
Wallpaper, Templates, Graphics Toolkit, Web Templates,Wordpress Skins,Photoshop plugin,Icon Packs etc

Reply
 
Thread Tools Display Modes
Old 02-26-2014, 09:14 PM   #1
Shafan Hameed

Users Flag!
 
Join Date: Feb 2014
Posts: 5
Shafan Hameed is on a distinguished road
Default Help required in Css and Xhtml

Can anyone help me in this ??

I am making menu in joomla. it is working on Main level and also on 1st sub level. but not working on 2nd, 3rd or 4th level. how to make it work or where i am wrong ?
my xhtml code is this

<!-- Main menu -->
<div id="menubar">
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse nav-responsive-collapse">
<ul class="nav">
<li class="active">
<div class='span12'><jdoc:include type="modules" name="main_menu" style="none" /></div>
</span></ul></ul></a>
</div>
</div>
</div>
</div>
</div>


and my css code is

.sidebar-nav {
padding: 9px 0;
}

.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
visibility: visible;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}

.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
.. with additionally adding bootstrap`s javascripts.
kindly help
Shafan Hameed is offline   Reply With Quote
Reply

Bookmarks

Tags
css, required, xhtml


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +6. The time now is 12:50 AM.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.