By editing few lines in your script, the accordion effect can be achieved ( function( $ ) { $( document ).ready(function() { $('ul#accordion.level-1 li').on('click', function(){ var element = $(this); if (element.hasClass('level-2')) { element.removeClass('level-2'); element.find('ul').slideUp(); } else { element.addClass('level-2'); element.children('ul').slideDown(); element.siblings('li').children('ul').slideUp(); element.siblings('li').removeClass('level-2'); } }); }); } )( jQuery ); JS fiddle...
javascript,jquery,html,css,menu
When you click on a submenu item, both of those event handlers are being fired. The problem is with your selectors: $('#menu li ') also captures the submenu items, which are also <li> tags that are descendants of the menu. You could just change the selector to $("#menu > li"),...
html,css,drop-down-menu,menu,hover
Try like this: Demo If you need mouse over effect for active state then use hover for active li like this: CSS: #cssmenu > ul > li:hover > a,#cssmenu > ul > li:hover.active > a { background:#000 url(images/hover.png) repeat; text-shadow: 0 -1px 0 #97321f; text-shadow: 0 -1px 0 rgba(122, 42,...
android,android-fragments,menu,menuitem
Maybe that is hack solution, but issue solved by replacing the Fragment 2 by Fragment 1 instead of popBackStack()
it fixed by adding a <f:param name="i" value="1" /> to commnadButton
css,twitter-bootstrap,menu,navigation
Copy the 2nd nav bar into the same list as the main nav bar. Then add classes to the main nav bar to hide them on large desktops. <div id="main-menu" class="navbar navbar-default navbar-static-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span>...
You should take a look at this to give you an idea of what tools you'll need to build a popup submenu. Basically, you'll need to create a Menu with MenuItems and then add a pop-up menu item to your original DropDownMenu. See the code below: var saveMenu = new...
Use a layout manager to control the position and size of the components. Take a look at Laying Out Components Within a Container for more details Use a Border (like EmptyBorder) to affect the "padding" to the label, which will change it's overall size. Take a look at How...
php,dynamic,menu,nested,hierarchical
For those who are interested in my final code. It works for storing the data in the database and build it again into a hierarchical tree + a printable tree for HTML. JavaScript code for the nestable plugin: var nestable_update = function(e){ $(".dd-item").each(function(index){ $(this).data("id", index+1); }); var list = e.length...
I updated the jsfiddle can you check if is working for you? maybe i'm missing something but now looks more close to the tutorial. The first element of "ul" tag must be a "li" element. <ul> <li class='active'><a href='#'>Home</a></li> <li><a href='#'>Products</a></li> <li><a href='#'>Company</a></li> <li><a href='#'>Contact</a></li> </ul> link to jsfiddle...
Your .menu-item-has-children class is assigned to <li>. Which means the .sub-menu inside that particular <li> is contained in it and when you click the "button 3.4", both <li>'s i.e. "Button 3.4" and "Button 3" are triggered which causes that effect. Not sure if I explained it clearly. One solution would...
LoadContent is called by XNA after your MainMenuScreen is initialized. You may have to defer the usage of your playGame object to the moment when the texture is loaded or initialize your MenuEntries in the LoadContent.
android,menu,shareactionprovider
If your Activity extends AppCompatActivity, then you need to use android.support.v7.widget.ShareActionProvider <item android:id="@+id/action_share" android:title="@string/action_share" app:showAsAction="ifRoom" app:actionProviderClass="android.support.v7.widget.ShareActionProvider" /> ...
I think you il have display: block property, may be from some parent element. try to fix it like this: div.menu > ul li{ float: left !important; } if this help this mean you have simple problem this display: block propery....
Does HomepageActivity extends ActionBarActivity (and not Activity)? EDIT: Check if HomepageActivity starts with: public class HomepageActivity extends ActionBarActivity { .... } If not (and it extends Activity), fix it and you should solve the problem....
Add position: relative; to nav ul li ul li like so: nav ul li ul li { margin: 0; padding: 0; position: relative; width: 100%; } ...
android,menu,android-actionbar,menuitem
I had this same issue. I ended up using the theme NoActionabr theme then using the toolbar and placing the view over it making it centered. Theme <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/primary</item> <item name="colorPrimaryDark">@color/primary_dark</item> </style> </resources> XML <?xml...
For instance, once a user is logged in, I have to recover some informations about him. The User.id, User.name, etc. are recovered using the SessionHelper as follow : Not a good idea, the best is to set the user data from the auth component to the view. For example...
javascript,jquery,html,css,menu
I did manage to make it work as: .slideMenuDiv2 > ul > li:first-child a { margin-top: 0 !important; } EDIT: Or, to run away from !important directive, you need to drop dhtmlgoodies_slidedown_menu bit from your dhtmlgoodies_slidedown_menu .slMenuItem_depth2 selector to make it: .slMenuItem_depth2 { /* Sub menu items */ margin-top:1px; background-color:...
To do this you need menu items: <Window x:Class="WPFTestApp2.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <Menu> <MenuItem Header="Help"> <MenuItem Header="How to use this program" Click="MenuItem_Click"></MenuItem> </MenuItem> </Menu> </Grid> </Window> And you would need a click handler: using System.Linq; using System.Text; using...
javascript,menu,safari,sticky,genesis
Found the answer to this on another forum. Issue was with how Safari was rendering my transition CSS. Removed the following and all worked well: -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;...
**************************** NEW POST **************************** Ignore the old post changes please, I think i found the solution: .dropdown_5columns .col_1 { width:550px; } #menu li .dropdown_5columns #submenu li { float: left; } **************************** OLD POST **************************** I did those 2 changes. /*.col_1 {width:130px;}*/ I REMOVED THIS WIDTH. /*#menu li ul li {float:left;}*/...
jquery,html,menu,accordion,jquery-accordion
This should work for you. $('.multi-level-accordion-menu').click(function(e){ var menu_item = $(e.target); if(is_active(menu_item)) { console.log('active menu item clicked'); close_menu_item(menu_item); } else { console.log('inactive menu item clicked'); open_menu_item(menu_item); } }); function close_menu_item(menu_item) { console.log('1x'); menu_item.find('ul').each(function() { $(this).slideUp().find('li').removeClass('active-menu-item'); }); menu_item.removeClass('active-menu-item'); } Or a one/two liner function...
This is because the transform creates a new local coordinate system - http://www.w3.org/TR/css3-2d-transforms/#transform-rendering Here's a look here body { background-color: #1B725F; color: #333; /*font-family: "brandon-grotesque", "adelle", "Times New Roman", sans-serif;*/ font-family: "brandon-grotesque", "adelle", sans-serif; font-size: 18px; font-weight: 100; font-style: normal; line-height: 1.625; position: relative; -webkit-transform: translate3d(0,0,0); <-- here transform: translate3d(0,0,0);...
update your code like this and add your css as per your requirement. <?php $menu_name = 'primary'; if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu_name ] ) ) { $menu = wp_get_nav_menu_object( $locations[ $menu_name ] ); $menu_items = wp_get_nav_menu_items($menu->term_id); $menu_list = '<ul id="menu-' . $menu_name . '"...
You only need the first script $(document).ready(function() { $(".main-tabs span").click(function() { $(this).siblings("ul").slideToggle("fast"); }); }); As it will target span elements at any level below it. You current code had two handlers for the second menu and 3 for the 3rd level. (as all previous applied also) So in your second...
python,menu,python-3.4,2d-games,startmenu
I'm assuming by "start menu" you mean what is commonly called a "toplevel menu", "application menu", or "application menu-bar". On MS-Windows, for example, this would be a menu that appears across the top of the application window. Here is a link to some good help about menus: The Tkinter Menu...
Use .removeClass() to remove already open ul $(document).ready(function() { // Toggle Sub Nav $("#nav li:has(ul)").children("ul").hide(); // hide the li UL $("#nav li:has(ul)").find("a").click(function() { var parent = $(this).parent() parent.siblings().find("ul.show-subnav").removeClass("show-subnav"); parent.find("ul:first").toggleClass("show-subnav"); }); }); $(document).ready(function() { // Toggle Sub Nav $("#nav li:has(ul)").children("ul").hide(); // hide the li UL $("#nav li:has(ul)").find("a").click(function() { // Add .show-subnav...
The reason your links in the menu always have an active class is because it's not being removed for inactive links. you can try adding $('.nav li').removeClass('active'); this will first remove the active class and then you can add the active class for the current active link. here's the updated...
Change the sequence of delay and stop and use longer fadeOut duration. $(this).find("ul:first").delay(2000).stop().fadeOut(500); Demo: http://jsfiddle.net/tusharj/YGB5G/39/ EDIT You can also use hover as follow: $('#menu > li').hover(function (e) { $(this).find("ul:first").finish().fadeIn(120); $(this).find('> a').addClass('active'); }, function (e) { $(this).find("ul:first").finish().delay(1000).fadeOut(1000); $(this).find('> a').removeClass('active'); }); Demo: http://jsfiddle.net/tusharj/YGB5G/43/...
Have you tried adding android:launchMode=“singleInstance” to that Activity in your manifest? Single instance means that Android won't create a new instance of your Activity every time you create a new Intent. Rather, it destroys the previous instance of that Activity in your "Activity stack." Try checking out the Activity instance...
It could be a couple of things, where to look first. Look for some standard functions are in the templates file such as body_class(), post_class(). As it print standard Wordpress used class within the context it needs to. If its more menu related look for add_filters() within the functions.php filters...
html,css,drop-down-menu,menu,submenu
<!-- cor rosa #be5b70 --> .clearfix:after { display:block; clear:both; } /*----- Menu Outline -----*/ .menu-wrap { width:100%; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); background:#3e3436; } .menu { width:1000px; margin:0px auto; } .menu li { margin:0px; list-style:none; font-family:'Ek Mukta'; } .menu a { transition:all linear 0.15s; color:#919191; } .menu...
If you code a handler for BN_CLICKED for the menu button, it will respond with 0 for m_nMenuResult if the click is on the button, or, m_nMenuResult will contain the ID of the menu item selected. If that's not what you wanted, I think you're fighting against the way the...
try this: https://gist.github.com/podlebar/6da77f557a207e4c675c i changed code on line 6, 56 and 76 what i did: added a new variable counter.. apply it if menu element is first level.. if depth is 0 i increase the counter so on the next parent it will be one more.. without the check on...
Use in your plugin/template a function add_object_page add_object_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url ); create new function that will be use to make redirect function redirect_to() { header('Location: http://www.example.tld/'); exit(); } and use that function name as 5th ($function) argument when you call add_object_page: add_object_page( $page_title, $menu_title, $capability, $menu_slug,...
css,google-chrome,firefox,menu,hover
That is not a valid use of the content property, which is only intended to be used on pseudo elements. If you set the display property of your spans to inline-block, you can set a height relative to the width using the padding property. Then set the background-size property to...
xml,actionscript-3,menu,grid-layout
Something like this should work. Basically, every time your count get's to 5 it resets. Since your x value is based on count, it too will be reset and start again from the left. In addition, your yPos will be increased by some value (I chose 50 for example) and...
powershell,menu,powershell-v3.0,powershell-ise
$CommandList = Get-Command -Module "CompanyModules" | Select-Object Name -ExpandProperty Name What you've done here is you've only gotten the name of each function in $CommandList. So instead let's change it to this: $CommandList = Get-Command -Module "CompanyModules" to get the entire command object. Then at the bottom of the script:...
It's because each sub-navigation element has position: absolute; in your code, making them overlap. Only the submenu wrapper needs to be position: absolute; http://jsfiddle.net/8kzxyj3g/ #menu { margin: 3% 0; background-color: rgb(255,138,61); height: 70px; } #menu ul.menu-list { list-style: none; text-align: center; line-height: 70px; height: 70px; display:block; clear:both; top: 100%; }...
javascript,html,list,menu,selectedindex
From what I see you've got only one tiny mistake. In your select2, there are whitespace in your value, so when you're validating strUser against "corvette" for example, it returns false because value is actually "corvette ". What you could do is user trim() function from javascript. Like this var...
java,android,menu,drawerlayout
I might be wrong, but I think that you shouldn't initialize your global parameters before the onCreate() method is called. You're trying to initialize them with findViewById() before the contentView was even set. Based on your error log, you've got a NullPointer at mDrawerLayout, which makes me guess that the...
To edit this entirely away from jquery based on your response do the following: Change #submenu1 from display:none; to display: block; This will Show your first menu by default. Add the following css section #a2:hover ~ #submenu1 { display: none; } The ~ character selects #submenu1 when you hover over...
The problem is you're starting an Activity again from Activity B. The correct way (if you started an Activity for result) is to finish it like this: Intent resultIntent = new Intent(); setResult(RESULT_OK, resultIntent); finish(); Some more Information: To learn more about starting Activities (for result), read: Starting Activities and...
java,methods,menu,java.util.scanner
Remove the in.close(). Your Scanner in wraps the global System.in, once you close() it you will not be able to use nextInt(). You could extract the Scanner to a field (or an argument) like public static int menu(Scanner in) { // Scanner in = new Scanner(System.in); // ... // in.close();...
php,wordpress,drop-down-menu,menu,admin
I was looking for the answer to this question for a while and couldn't find the solution on here so I thought this would help! I found a great blog post and the perfect solution to my question: http://davidwalsh.name/add-submenu-wordpress-admin-bar Like adding functionality to your theme and other admin area, the...
https://jsfiddle.net/66esagLq/ Looks like you're missing a </li> in your html: <div id="main_nav_container"> <ul id="main_nav_list"> <li><a class="main_nav_item" href="index.html">Home</a></li> <li><a class="main_nav_item" href="history.html">History</a></li> <li><a class="main_nav_item" href="products.html">Products</a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li>...
python,text,menu,pygame,python-3.4
Check out this stack overflow question: How to add text into a pygame rectangle Specifically these bits: self.font = pygame.font.SysFont('Arial', 25) def addText(self): self.screen.blit(self.font.render('Hello!', True, (255,0,0)), (200, 100)) pygame.display.update() Basically you want to define a font Then blit it onto the screen, where render takes the args (text, antialias (you...
Have a look at here for more information on how to get the correct item.
html,css,menu,center,horizontallist
try like this: Updated Demo nav { margin:0 auto; text-align: center; width:100%; background-color:#ccc; border:1px solid #666; } nav ul { margin:0 auto; } nav ul li { display:inline-block; padding:10px 15px; list-style-type:none; background-color:#ccc; border-right:1px solid #666; text-align: center; } nav ul li a { font-weight:bold; display:block; text-align: center; } ...
Try moving e.preventDefault(); into the appropriate branch of the if statement for example: $('.touch .mobile-list > li > a').on('click', function(e){ if($(this).parents('li').hasClass('visible-submenu')) { $(this).parents('li').removeClass('visible-submenu'); e.preventDefault(); } else { $('.mobile-list li.visible-submenu').removeClass('visible-submenu'); $(this).parents('li').addClass('visible-submenu'); } }); ...
menu,wordpress-plugin-dev,custom-post-type
Probably i think you want to add a custom type post as sub-menu in WordPress dashboard. You can do. add_action( 'admin_menu', 'my_plugin_menu' ); function my_plugin_menu(){ add_menu_page('Page title', 'Top-level menu title', 'manage_options', 'my-top-level-handle', 'my_menu_function'); add_submenu_page( 'my-top-level-handle', 'Custom Post Type Admin', 'Articles', 'manage_options','edit.php?post_type=page_article'); } Don't forget to add below code while registering...
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="navbar navbar-inverse navbar-fixed-top container"> <div class="container"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span...
javascript,jquery,html,css,menu
Set #menunav, ul into li padding to 0 #menunav, #menunav ul { padding: 0; } Or just reset the padding: * { padding: 0 } Demo Update If you want to remove submenu arrow, do this: Example: #menunav li ul li a:before { background: none; } updated demo: http://jsfiddle.net/jpcb7w5y/10/...
javascript,jquery,html,menu,nested
You need to stop propagation. Without that all parents will fire the click event. $('li').on('click', function(e) { $(this).children('ul').toggle(); $(this).siblings('li').find('ul').hide(); e.stopPropagation(); }); .sub-menu { display: none; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="menu"> <li>Item <ul class="sub-menu"> <!--This works fine--> <li>Item <ul class="nested sub-menu"> <!--Here is the problem--> <li>Item...
android,android-activity,android-studio,menu,menuitem
Option A A base Activity class that implements the logic for the menu items - in this case all 30 of your Activities should extend the base Activity. This approach has the serious limitation that it forces you to extend a class even though you may need to extend another...
The main problem there is that when you do $('li').on(...), you are creating an event handler for each li. So when you click on a sub level, it also triggers the click event on all parent li's. You could have one event on the main ul, and handle everything from...
contains() requires dom elements Just change if (!($.contains($(this), $thisUl))) to if (!($(this)[0].contains($thisUl[0]))) (Demo) And here is the vanilla javascript solution for future viewers. (function () { "use strict"; document.querySelector('nav').onclick = function (e) { if (e.target.getAttribute('href') == '#') { var thisUl = e.target.nextElementSibling; var lists = document.querySelectorAll('nav ul.showIt'), list; for (var...
You can use toggleClass to toggle class. You can use , to separate the elements on which you want to bind event. $('#menu-burger-wrapper, .menu-item').on('click', function (e) { e.preventDefault(); $(this).toggleClass('is-opened is-closed'); }); $('.menu-item').on('click', 'li', function() { $('#menu-burger-wrapper').trigger('click'); }); Demo: https://jsfiddle.net/tusharj/7c5nd7rj/1/...
You should use the last-child pseudo class for that. According to the docs The :last-child CSS pseudo-class represents any element that is the last child element of its parent. So, Add this to your CSS nbottomitem:last-child{ border-bottom:1px solid #000; } ...
you can use a ListPopupWindow, submitting your custom adapter, through which you can control the layout of every single row of the ListPopupWindow. As for a normal PopupWindow you have to provide an anchor view and additionally you have to call setContentWidth on the instance of ListPopupWindow, which sets the...
This is the Bottom sheet component. Check out its specs: http://www.google.com/design/spec/components/bottom-sheets.html#bottom-sheets-specs There are third libraries for the bottom sheet if you don't want to make it your self....
android,menu,android-asynctask,nosuchmethoderror
Just remove this line android:onClick="doInBackground" and it will run fine. I ran it on my system and your code is OK....
Remove .finish(): $('#menu > li').on('mouseover', function(e){ $(this).find("ul:first").fadeIn(120); $(this).find('> a').addClass('active'); }).on('mouseout', function(e){ $(this).find("ul:first").stop().finish().delay(500).fadeOut(120); $(this).find('> a').removeClass('active'); }); FIDDLE: https://jsfiddle.net/YGB5G/47/ From jQuery site: When .finish() is called on an element, the currently-running animation and all queued animations (if any) immediately stop and their CSS properties set to their target values. All queued animations...
The error is pretty clear: Caused by: java.lang.ClassCastException: you need to implement senddata method Which happens when a fragment is being attached to an activity that does not implement the said interface. It's all written in this code: @Override public void onAttach(Activity activity) { super.onAttach(activity); try { sm = (SendMessage)...
you may define an invisible div that sits on the left of the screen which detects mouse onclick event through the jQuery css .invisibleLeft { position:absolute; top:0; left:0; width:10%; } html <div class="invisibleLeft"></div> javascript $(".invisibleLeft").on("click", function(){ $("#page-cover").css("opacity",0.6).fadeIn(300); }); ...
javascript,jquery,css,menu,click
Mike you were not using your selectors properly, jquery always depends upon your DOM structure so your code might be correct but its possible that it will not give you desired result. I just updated http://jsfiddle.net/mst0057o/4/ code correct is as follows $('.mainNav > li a').click(function(e){ e.preventDefault(); $(this).next("ul.dropDown").css({"display" : "block"}).fadeTo('500', '1.0');...
c++,file,menu,fstream,c-strings
Your input processing is marred. I suggest something more along these lines: void loadData(ifstream &inFile, Task tasks[], int &listSize) { while (inFile.get(tasks[listSize].courseName, MAXCHAR, ';') && inFile.ignore(200, ';') && inFile.get(tasks[listSize].taskDescrip, MAXCHAR, ';') && inFile.ignore(200, ';') && inFile.get(tasks[listSize].dueDate, MAXCHAR, '\n')) { inFile.ignore(200, '\n'); listSize++; } inFile.close(); } Produces the following output: Welcome...
c++,loops,if-statement,menu,while-loop
modified ur code , check it out #include <iostream> #include <string> using namespace std; int main() { int product, total=0;int flag =1;string food; double price; cout << " Welcome To Maggie’s Shopping Cart Calculator!" << endl; int option; // user's entered option will be saved in this variable do{ //Displaying...
c#,winforms,menu,telerik,controls
The issue is that you are deleting the control out of the collection that you are iterating through, which causes a change in the collection and causes the loop to fail. I would suggest using a different style of loop to accomplish this. For example: private void radMenuItem3_Click(object sender, EventArgs...
How do you hide/remove the useless bottom black bar? Set your targetSdkVersion to 14 or higher. Preferably without raising the targetSdkVersion? Chop the bottom portion of the phone off with a very sharp axe. Note that this may void your warranty on the phone....
jquery,css,drop-down-menu,menu,submenu
You are assigning the class open immediately on click and then sliding down- $(".menu").on('click',function(e){ $(this).addClass("open").........slideDown(200); }); which is causing the delegated callback to be called. You should assign the class at the end of the animation and make sure you are not calling the open menu again - $(".menu").on('click',function(e){ var...
android,android-listview,menu,contextmenu,android-toolbar
Check this official android guide. EDIT: Using the contextual action mode For views that provide contextual actions, you should usually invoke the contextual action mode upon one of two events (or both): The user performs a long-click on the view. The user selects a checkbox or similar UI component within...
#submenu11 { width:550px; height:400px; float:none; padding-left:1px; padding-top:1px; margin-right; 10px; font: 15px/30px sans-serif; clear: left; margin-left: 181px; border: 1px solid blue; border-bottom: 5px solid blue; } #left1, #right1 { width: 35%; float:left; margin-top: -85px; } #left1 { margin-right: 1px; border: 1px solid green; box-sizing: inline-block; height: 100%; } #right1 { display:...
To 'override' the link action, you may simply use "return false"; $(".leftnav a").click( function(){ var sub_nav = $(this).parent().find('ul').first(); if(sub_nav.length > 0 && !sub_nav.is(":visible")) { sub_nav.slideDown(800); return false; } }); On jsfiddle: https://jsfiddle.net/zrhefp2p/1/...
android,menu,menuitem,overflow-menu
Your activity is ListActivity. That means that you are using the native API Level 11+ implementation of the action bar, not the appcompat-v7 backport. Hence, change app:showAsAction to android:showAsAction....
html,menu,ionic-framework,ionic,hamburger-menu
I believe this is not standard available in Ionic, but if you look at the $ionicModal you can see they do use the same technique there. If you look at the CSS they use for this option, you should add the following to the correct class: opacity: .5; transition: opacity...
Actually there is no requirement to use any module for this situation. What i have done to achieve it. I just modified template.php of zurb foundation theme. i have copied the code(foreach loop code) from here and added to the template.php file as mentioned in the page and added the...
In your code you're setting a margin and a padding for this element: @media (max-width: 9999px) .custom-menu-primary { . . . padding-bottom: 9999px; margin-bottom: -9999px; } Which is giving you your ridiculous size: it's just all padding. If you look at the element's computed properties in the box model, you...
Dictionaries are unordered. You want a list or another ordered type. menu = [ "Encrypt message", "Decrypt message", "Secure Encrypt Message", "Exit", ] for n, x in enumerate(menu, start=1): print("{}) {}".format(n, x)) selection = input("Please select: ") Or perhaps you want to include a data item with your text labels:...
google-maps,drop-down-menu,menu,geonames
The geonames service provides the coordinates. Zooming the map correctly is the tricky part. The fiddle below uses the Google Maps Geocoder for the zoom levels (not all the geonames "names" can be found by the geocoder). proof of concept fiddle var whos = null; var placedata = []; var...
Well, this is a rather complex project since it involves quite a few different things, and you haven't provided any code (yet). So here are some ideas that might push your project into the right direction: depending on how your list items are created, give them something indicating their place...
wordpress,menu,wordpress-plugin,breadcrumbs
You can add breadcrumb without using any plugin like this. Please add below code into your themes functions.php file. function breadcrumbs($id = null){ ?> <div id="breadcrumbs"> <a href="<?php bloginfo('url'); ?>">Home</a></span> > <?php if(!empty($id)): ?> <a href="<?php echo get_permalink( $id ); ?>" ><?php echo get_the_title( $id ); ?></a> > <?php endif;...
html,css,twitter-bootstrap,button,menu
I think you mean the hamburger button that appears when the screen is small. The three lines are created with <span class="icon-bar"></span> part of the code. They are white, which is why you cannot see them, but they are there (try clicking the top right on small screen). Use CSS...
You could make for every (sub)menu another function. The reason why this aint prefered is because it aint in the spirit of OOP. public class Console { private int testint = 1; /** * @param args */ public static void main(String[] args) { Console console = new Console(); console =...
javascript,jquery,html,css,menu
css can do this without javascript. Set ul sub menu to display: none. #menu li ul { padding:0; margin:0; list-style-type:none; background-color:#999; display: none; } Demo...
javascript,scroll,menu,navbar,fixed
Add the following in the menu css: position:fixed; top:0; And add the following in your arrow css: position:relative; That should do what you are thinking to do. Edit: .menu-container{ position: fixed; top:0; } .menu{ display: block; position: relative; } .menu-toggle{ margin:0 auto; position:relative; } ...
jquery,html,css,wordpress,menu
You missed the parent selector ( > ), so hovering the first li, would make every #after inside your nav take the changes. Remove your current CSS regarding li:hover and add this 1-liner: #primary-menu > li:hover > a > #after, #primary-menu > li > ul > li:hover > a >...
You might have to target each navigation item seperately by setting a percentage width for the item and probably a percentage margin also. Make sure they all add up to 100%. #nav > ul > li { margin: 0 1%; } .home, .level-1, .support, .sign-up { width: 18%; } .info...
$articles = array ( array ( 'contentid' => '109', 'full' => 'Song by Artist (Ref 109)', 'verse' => 'Hebrews 12:26-28' ), array ( 'contentid' => '110', 'full' => 'Song by Artist (Ref 110)', 'verse' => 'Psalms 121:3-4' ), array ( 'contentid' => '111', 'full' => 'Song by Artist (Ref 111)',...
Here an example to give you a hint, further improvements and modifications are up to you: @Override public void start( final Stage primaryStage ) { Line l1 = new Line( 0.5, 0, 15.5, 0 ); l1.setStrokeWidth( 2 ); Line l2 = new Line( 0.5, 5, 15.5, 5 ); l2.setStrokeWidth( 2...