html-lists

问题 This is happening with the following markup: <ul id="sideMenu" class="menuFontStyle"> <li class="category">Test</li> <ul class="secondLevel" style="display: none;"> <li></li> </ul> ... In FF and Chrome the inner UL is being picked up but IE7 seems to be skipping to the next li. What could serve as a workaround? This is with a custom accordion script. 回答1: Your ul is not inside the li as you have closed the li before opening the ul . I don't think this is what you want. Then, to access the <ul

问题 I have a HTML unsorted list which I capture its “on click” event. When a list item is clicked on I want to change that items font setting to bold so that the user gets a visual indicator that it’s been selected. Is this possible? 回答1: <li onclick="this.style.fontWeight= 'bold'">​​​​​​​​​​​​​​​​​​​​​​​​​​​ Or do you want to change it back to regular when another li is clicked? I think you should use jQuery then (it's possible in regular javascript but this is just so much easier) $('li').click

问题 I need to select only the the deepest li.active in the ul structure. In this case that would be Další kategorie . I cannot find css only solution. Is it even possible? Thanks. <nav class="smenu"> <ul> <li class="predsednictvo first"><a href="/cs/csmg/predsednictvo/"><span>PŘEDSEDNICTVO</span></a></li> <li class="sub active komise"><a href="/cs/csmg/komise/"><span>KOMISE</span></a> <ul> <li class="kategorie first"><a href="/cs/csmg/komise/kategorie/"><span>Kategorie</span></a></li> <li class=

问题 I have a drop down menu and obviously, some items are larger than other, so the UL needs to increase it's width and fit the item, this is not happening on my menu. Check this fiddle: http://jsfiddle.net/U9h26/ On the 2nd and 3rd menu, there is a list of elements, the last element which is the bigger one breaks the line, I have set the UL to width auto, display block or inline block, and nothing works except when I set a value for the subnav LI, then it works, I don't want to do this way cause

问题 On a <nav> bar layout I used display: table on the parent <ul><li> item and display: table-cell on the child <a> item to be able to use vertical-align: middle on the <a> item. (Some items are multiline, so setting line-height is not a possibility). On Chrome/Chromium I get the whole <nav> bar 'shifting' to the right when I hover over menu items (only when they have children). This doesn't happen on Firefox. Load the jfiddle in both browsers and see: http://jsfiddle.net/qcQKP/2/ Does anyone

问题 I can't seem to figure out why my list is displaying slightly off center. I have some text below it in the same container that is 100% centered but the list seems to be padded slightly form the left. I am a novice at CSS, so perhaps someone can point where I've gone wrong. Much appreciated! Here is the HTML <div id="footer_menu"> <ul id="navlist"> <li><a href="#">HOME</a></li> <li>|</li> <li><a href="#">ABOUT</a></li> <li>|</li> <li><a href="#">ARCHIVE</a></li> <li>|</li> <li><a href="#">GET

问题 This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 6 years ago . ul and li in my webpage not work at all. here is my index.html <div id="main" class="core"> <div id="background"> </div> <div id="content"> <div id=

问题 I cannot make this work for some reason. I want jscrollpane to be used in an unordered list (ul). I have managed to do this by itself but when used with a nested ul it does not seem to work. I have uploaded my example to jsFiddle so anyone can take a look and fiddle around. You can have a look here: http://jsfiddle.net/44db/eAX8b/ 回答1: I posted this answer yesterday but on the wrong question! Here it is on the right question: You shouldn't apply jScrollPane directly to a UL. Because

问题 I would like to style an ordered list like this for a client, but am not sure exactly how. The client wishes to have a policy page, with several sections. Each section has several statements, which are numbered like so: "x.1, x.2" (where "x" is dependent on the section number). Here is what the HTML looks like for the sections: <div class="customListBox"> <h2>Section 1</h2> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> <h2>Section 2</h2> <ol> <li>Item 1</li> <li>Item 2</li> </ol>

问题 Hi people thanks for the help. Im trying to implement a simple pagination that filter, hiding li's by class. The example is here. I'm new in this but with some help the main idea is working. The only problem is that when i click to filter i wanna paginate just the li's in that category. So if i click in the "category 1" link, the li's with the class "category-2" should be hide and NOT APPEAR when i click next o prev. HTML <div class="filter"> <a href="#category-1">category 1</a> <a href="