html-lists | 易学教程

White space on vertical menu IE7

阅读更多关于 White space on vertical menu IE7

问题 I have an expandable menu. On IE7 I'm getting a white gap at the top and the bottom. On IE8 just at the top. I've tried different suggestions but nothing seems to help. You can see the site in here: http://dffernandez.com/client_review_files/wap/ The problem is on the "infraestructure" button (The 2nd one) Thank you in advance. HTML  <div id="secondary-nav"> <ul> <li class="leaf-first"><a href="#"><img src="img/left-aside/sec-nav-arrow.png" width="21" height="21" class=

UL and LI with jQuery 3.2.1 running error

阅读更多关于 UL and LI with jQuery 3.2.1 running error

问题 I have this working link where it is displaied the outcome I want However when I insert my code to Dreamweaver cc 2018 it doesn't work. I use the 3.2.1 version of jquery jquery-3.2.1.js . In my jsfiddle the selection is sorted alphabetically while in my page it doesn't. var mylist = $('#list'); var listitems = mylist.children('li').get(); listitems.sort(function(a, b) { return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase()); }) mylist.empty().append(listitems); <script src=

How to get the value from jQuery UI selectable in php [closed]

阅读更多关于 How to get the value from jQuery UI selectable in php [closed]

问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 5 years ago . Hello I have created this list which changes the colour when you select an item using jQuery UI's selectable. <ol id="selectable"> <li class="ui-widget-content" Name ='gender' value= 'male1'>Item 1</li> <li class="ui-widget-content" Name ='gender' value= 'male2'>Item 2</li> <li

Drop down menu cut-off after SlideOut

阅读更多关于 Drop down menu cut-off after SlideOut

问题 I'm using a drop-down-menu which I modified to use animations such as SlideOut and FadeIn using onmouseover and onmouseout. The problem comes after hovering through all of the nested lists a few times, which results in the second nested list becoming cut off. You can replicate the bug by moving from "nav 1" to "nav 2" and back again rapidly. Link to jsFiddle Screenshot of cut-off: http://dl.dropbox.com/u/53879403/screenshot.png Please and thank you for any advice / criticism. 回答1: Please see

Create a Tree with dynamic level feature for it's nodes (movable nodes) by jQuery

阅读更多关于 Create a Tree with dynamic level feature for it's nodes (movable nodes) by jQuery

问题 I want create a Tree with UL and Li tags and using jQuery. I wand able to change the level of each node by arrow keys and mouse to the Left or Right??? I need movable nodes! Something like this: 回答1: I created this idea with the following codes Here. anyone can use or extend it free... ;) I know it can be improved and make a better version of it but now you can use it and enjoy.... It's features: »» Support keyboard arrow keys to move the nodes (Left & Right) »» Support dragging the nodes by

CSS Vertical menu with horizontal submenu

阅读更多关于 CSS Vertical menu with horizontal submenu

问题 I know this is a quite frequent question, but I've been having troubles finding the exact answer to this problem. The menu I want is consists of dots. These dots are vertical. The text for these dots will be added later, so don't mind that now. I want a submenu to some of these dots. This submenu should be horizontal. Best illustrated by the below. x x x x x x x But for now it looks like this: x x xx x x So the sub menu is one row below where it should on top of another item. Hope this is

How to get the id of html list item using jquery?

阅读更多关于 How to get the id of html list item using jquery?

问题 I wanna get the id of <li> using jquery. I was able to get the text using alert($(this).text()) but when I tried alert($(this).id()) it says undefined . <html> <head> <style type="text/css"> ul { list-style-type: none; } </style> <script type="text/javascript" src="jquery1.6.4min.js"></script> <script type="text/javascript" > $(document).ready(function() { $('#list li').click(function() { alert($(this).id()); alert($(this).text()); }); }); </script> </head> <body> <ul id="list"> <li id="l1"

How to customize unordered lists position?

阅读更多关于 How to customize unordered lists position?

问题 I'm struggling with styling a simple ordered list to look this: The HTML must be standard html like: <ol> <li>asdf asdf</li> <li>asdfasdfasdf</li> <li>asdfasdf</li> <li>asdf...</li> </ol> I've tried a bunch of different ways with list-style-position: inside, text-indent, etc... but I can't seem to make it perfect. I need to have the number inside the background color and the text lined up correctly when wrapping. And also would like some space between the number and the text. Is it even

How do I submit a form with a <li> instead of a submit button?

阅读更多关于 How do I submit a form with a instead of a submit button?

问题 I want to be able to submit a form but instead of having to click on a submit button, I'd like to be able to click on an <li> element and have it submit. Any help would be GREAT! Thanks in advance! Ncoder 回答1: You could put an onclick event on the LI that calls the forms submit event: <form id="myForm" action="foo.htm" method="post"> <ul> <li onclick="myForm.submit();">Click me</li> </ul> </form> Your form would be non-standard and not very accessible though. 回答2: <li onclick="formName.submit

PHP nested array into HTML list

阅读更多关于 PHP nested array into HTML list

问题 Trying to get to grips with PHP, but I have absolutely no idea how to do this. I want to take this array: $things = array('vehicle' => array('car' => array('hatchback', 'saloon'),'van','lorry'), 'person' => array('male', 'female'), 'matter' => array('solid', 'liquid', 'gas'), ); and turn it into this into something like this in HTML: Vehicle Car Hatchback Saloon Van Lorry Person Male Female Matter Solid Liquid Gas Tried a number of solutions from searching, but cannot get anything to work at