html-lists

问题 I was asking myself for the markup of a list of entries of a blog. Which could be like that: Case 1 : <article>...</article> <article>...</article> <article>...</article> or case 2 : <ol reversed> <li><article>...</article></li> <li><article>...</article></li> <li><article>...</article></li> </ol> The example seems to be logic: "it's a list of entries order by desc date" An other example is a list of important step to use a product: <ol> <li><section><h1>step 1</h1></section></li> <li>

问题 The bullets in IE8 are so small, I tried changing the font-size, but that didn't work. Code: <ul style="padding:0; margin:0; margin-left:20px;"> <li>item 1</li> <li>item 2</li> </ul> Is there any way to do this without using an image for the bullet? 回答1: You could do this in an IE8 conditional comment... ul { list-style: none; } ul li:before { content: "•"; font-size: 170%; /* or whatever */ padding-right: 5px; } jsFiddle. In IE7, you could prepend the bullet via JavaScript and style it

问题 If A has the Ordered[A] trait, I'd like to be able to have code that works like this val collection: List[List[A]] = ... // construct a list of lists of As val sorted = collection sort { _ < _ } and get something where the lists have been sorted in lexicographic order. Of course, just because A has the trait Ordered[A] doesn't mean that List[A] has the trait Ordered[List[A]] . Presumably, however, the 'scala way' to do this is with an implicit def. How do I implicitly convert a List[A] to a

问题 I have set this: list-style: none outside none; And HTML: <ul class="menu custompozition4"> <li class="item-507"><a href=#">Strategic Recruitment Solutions</a> </li> <li class="item-508"><a href="#">Executive Recruitment</a> </li> <li class="item-509"><a href="#">Leadership Development</a> </li> <li class="item-510"><a href="#">Executive Capability Review</a> </li> <li class="item-511"><a href="#">Board and Executive Coaching</a> </li> <li class="item-512"><a href="#">Cross Cultutral Coaching

问题 I am wondering if it's possible to utilize font-awesome (or any other iconic font) classes to create a custom <li> list-style-type? I am currently using jQuery to do this, ie: $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); However, this doesn't style properly when the <li> text wraps across the page as it considers the icon to be part of the text, not the actual bullet-indicator. Any tips? 回答1: The CSS Lists and Counters Module Level 3 introduces the ::marker pseudo-element.

问题 I have a list of items that I want to fit in a space that is constrained vertically: <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> <li>Six</li> </ul> Since I don't want the list to have more than a specific height, but I'm free to expan it horizontally, I want to divide the list into columns, like this: One Two Three Four Five Six Or, alternatively (in my case order is not important) One Three Five Two Four Six The css property column-count allows to break a list

问题 I have a list like this: <div> <ul> <li>one</li> <li>two</li> <li>three</li> <li>four</li> </ul> </div> and the following CSS: ul { width: 160px; height: 100px; overflow: auto; } li { width: 80px; display: inline-block; float: left } I'm trying to force the list items to display from left to right, that is one - two - three - four My problem: Doing it like this gives me two rows with two items each. Question: Is there a CSS way to force the list items to all be in a single row so I can use

问题 I have an <ol> (ordered list) and in FF, Safari, Chrome it is rendered correctly. However in IE9 it is showing all zeros. It is not a spacing/padding issue because I am able to see the zeros. My HTML is as follows: <ol> <li>Enter basic company information</li> <li>Select from our portfolio of products</li> <li>Attach your employee census</li> <li>Review your selections and submit your request.</li> </ol> Anyone run into that problem and hopefully a solution? 回答1: Update 3/20/2012 - Fixed in

问题 I have found a mysterious problem that may be a bug! I have a list in my fragment. Each row has a button. List shouldn't respond to click however buttons are clickable. In order to get which button has clicked I have created a listener and implement it in my fragment. This is the code of my adapter. public class AddFriendsAdapter extends BaseAdapter { public interface OnAddFriendsListener { public void OnAddUserClicked(MutualFriends user); } private final String TAG = "*** AddFriendsAdapter *

问题 I have a ordered list where I would like the initial number to be 6. I found that this was supported (now deprecated) in HTML 4.01. In this specification they say that you can specify the starting integer by using CSS. (instead of the start attribute) How would you specify the starting number with CSS? 回答1: If you need the functionality to start an ordered list (OL) at a specific point, you'll have to specify your doctype as HTML 5; which is: <!doctype html> With that doctype, it is valid to