html-lists

问题 I am trying to write flexible code where I have one plain <ul> which gets automatically creates another column for every 5th element. I have found a tutorial that achieves this but places the items in a horizontal order whereas I require a vertical order. I have seen some other tutorials that outputs a vertical order, but also attaches class="first" and class="second" to each li which is not what I want. I am looking to do with with my existing HTML code. What I Want: -01 -06 -11 -02 -07 -12

问题 The idea is to make a menu with a fixed amount of items. Each of the items must have a fixed padding on them to make them look decent when placing a border around them. (so far so good) But these items must be spread out in a div with a fixed size, spaced evenly - the items themselves won't be the same size as this is dependent on the text within these items. What I can't figure out is how to make sure that the items are on 1 line with a dynamic (more or less) evenly spacing between them

问题 I have the following code: <div id="nav"> <ul> <li id="tabOne" class="first current"><a href="./CS1.html" target="SheetView">Page One</a></li> <li id="tabTwo"><a href="./CS2.html" target="SheetView">Page Two</a></li> <li id="tabThree"><a href="./CS3.html" target="SheetView">Page Three</li> <li id="tabFour"><a href="./CS4.html" target="SheetView">Page Four</a></li> <li id="tabFive"><a href="./CS5.html" target="SheetView">Page Five</a></li> <li id="tabSix"><a href="./CS6.html" target="SheetView

问题 I am producing a <ul> of alphabetically sorted items, which spans over multiple lines. An example of this can be seen here: http://jsfiddle.net/H4FPw/1/ currently the list is laid out horizontally, as follows: a b c d e f g h i j k l But clients being clients, I have now been asked to change this so that the list is vertically oriented, as follows: a e i b f j c g k d h l Unfortunately I don't know how to do this in the nice and tidy way that I've originally done it. Can somebody please fill

问题 I've got a list of items coming from a database: <ul> <li>Jon Skeet</li> <li>Darin Dimitrov</li> <li>Marc Gravell</li> <li>BalusC</li> <li>Hans Passant</li> <li>SLaks</li> <li>VonC</li> <li>Greg Hewgill</li> <li>JaredPar</li> </ul> The list will wrap when necessary, and each line should have horizontal lines, and look a bit like this: ____________________________________________________ Jon Skeet Darin Dimitrov Marc Gravell BalusC ____________________________________________________ Hans

问题 I have a container, where I want to display some items on left and want to put a Cart icon on right side. I tried this, but not working, whats wrong here? Both Text and Image have separate links. Fiddle HTML <div class="showcase"> <ul> <li class="item"> <h1><a href="#">Item 1 + Star 1 <small> <del>Rs. 6000</del> <span> Rs. 3000</span> </small> </a> </h1> <span class="pic"><a href="#"><img src="https://cdn0.iconfinder.com/data/icons/iicon/512/buy-Cart-48.png" alt=""></a></span> </li> <li class

问题 I am trying to find a solution to this validation error. I have an image grid with thumbnails that bring up a modal when clicked. Everything works correctly but it does not validate. I can't put li around the modal image or it shows before clicked. I am pretty new to coding, any help would be great. Line 54, Column 41: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) <a href="#_" class="lightbox" id="img10"> code: <ul class="cbp

问题 I've got a problem with some ul and li... I'd like to create an unordered list with 3 li and each li has got a different list-style-image... I wrote this code but the image don't appear... Can you help me? Thanks! EDIT: Post updated with HTML code ;) <div id="right_main"> <ul id="mainFeatures"> <li id="wishlist">Some text here...</li> <li id="sharing">Some text here...</li> <li id="linking">Some text here...</li> </ul> </div> #right_main ul#mainFeatures { height:250px; width:350px; overflow

问题 It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center. Closed 7 years ago . I have a problem with my list. I want to specify certain colors for each li element but can't seem to do it. It keeps doing it for all of them. Here's my CSS: #sub-nav-container ul { position: absolute; top: 96px

问题 I have the following array: $tree_array When I do a var_dump, I get: array(6) { [0]=> string(23) "$100,000 Cash Flow 2013" [1]=> array(6) { [0]=> string(1) "2" ["Goal_ID"]=> string(1) "2" [1]=> string(13) "Sell Iron Oak" ["Opportunity"]=> string(13) "Sell Iron Oak" [2]=> string(2) "10" ["OID"]=> string(2) "10" } [2]=> array(2) { [0]=> string(32) "ask her if she would like to buy" ["Activity"]=> string(32) "ask her if she would like to buy" } [3]=> array(6) { [0]=> string(1) "2" ["Goal_ID"]=>