html-lists

问题 My web-app framework renders form errors for each field in an unordered list <UL> immediately following the invalid field. My problem is that I haven't been able to style things so that the error(s) are listed on the same line with the form field. A line break is instead rendered before the <UL> . This is the html that I'm trying to style, showing a server-determined invalid field: <p> <label for="id_email">Email</label> <input id="id_email" type="text" name="email" /> <span class='field

问题 Hi Below is the sample of my JSON ,HTML and jquery code : Json: { "node":[ {"name":"XXX", "child":[ {"name":"acb"}, {"name":"txy"} ] }, {"name":"ZZZ", "child":[{"name":"ism"}, {"name":"sss"} ] }, {"name":"PPP"}, {"name":"QQQ"} ] } Jquery code : $(document).ready(function(){ var $ul=$('<ul></ul>'); $.getJSON('test1.json', function(json) { $.each(json.node, function(key,value){ getList(value, $ul); }) }); $ul.appendTo("body"); }); function getList(item, $list) { if (item) { if (item.name) {

问题 I have UL element inside it there is 3 li tags I want to put them next to each other separated by lines: <ul> <li>value 1</li> <li>value 2</li> <li>value 3</li> </ul> I want the output to look like this: value 1 | value 2 | value 3 BTW in the li tags their is a picture and a text, I want them (image & text) next to each other and in the center of the box using CSS. 回答1: ul li { // EITHER float: left; //Will make all li's be on a single line. // OR display: inline-block; //Always followed by:

问题 I am trying to make an ordered list from XML in a textview. This list would be bulleted and properly justified with subheadings. Unfortunately, it seems that the support for this in the xml is minimal. I have tried the following in strings.xml: <ol> <li> item 1\n <li>sub-item1\n</li> <li>sub-item2\n</li> <li>item2\n</li> <li>item3</li> </ol> with various permutations having ol around each item etc etc. The result typically shows subitem2 and item 2 being indented away from the bullet. I have

问题 I have a List that I'm using as a list of tabs: <div id="SearchForm"> <ul class="TabControl"> <li> <a href="/search/Funds">Funds (60)</a> </li> <li> <a href="/search/Companies">Companies (4)</a> </li> <li> <a href="/search/Groups">Groups (1)</a> </li> <li> <a href="/search/Categories">Categories (0)</a> </li> <li> <a href="/search/Categories">Identifiers (60)</a> </li> </ul> </div> where the CSS is defined as follows: #SearchForm ul { list-style: none; padding:0; margin: 15px 0 5px 0; }

问题 To avoid long lists I've got my li set to float: left so that they alternate rows. However, on occasion this causes an unintentional gap between elements when the content in a li takes up two lines. My HTML is: <ul class="gmc-ingredient-list"> <li>500g Tagliatelle</li> <li>50g wortel</li> <li>50g ui</li> <li>50g bleekselderij</li> <li>100g pancetta</li> <li>200g half-om-half-gehakt</li> <li>200g rundergehakt</li> <li>200 ml Primitivo (rode wijn)</li> <li>200ml runderbouillon</li> <li>5

问题 I want to move the Div-element "nav", when a li-element was clicked. I have a List in a div <div id="nav"> <ul> <li><a href="#t1">Flyer</a></li> <li><a href="#t2">Code</a></li> <li><a href="#t3">Angebot</a></li> <li><a href="#t4">Bilder</a></li> </ul> </div> Why doesnt this work in jquery: $("#nav ul li").click(function(){ $("#nav").animate({ marginLeft: "-300px", }, 1000 ); }); 回答1: The code works fine as you expect, view the JSFiddle. I have a feeling your forgetting something like putting

问题 I have a simple datatable with less than 100 rows. I've currently been displaying the data in a series of nested DIVs. Each row has a container div, with nested divs representing the columns of data within it. (This was in reaction from my earliest coding days when there wasn't anything like a div). The first column of data is formatted as an image link, while the other two columns are text. Does it make sense to return to using a table? Also, as an experiment, I'd thought about using nests

问题 If a ul has li items with multiple classes, is it possible to get the last item of a specific class using :last-child? For example, consider following: <ul class="test"> <li class="one"> <li class="one"> <li class="one"> <li class="two"> <li class="two"> </ul> I want to add some style to the last li having class "one" (ie. third in the list). I tried following and it does not work. ul.test li.one:last-child 回答1: That's not possible yet. :last-child selects the last child, regardless of the

问题 I am not really that familiar with jquery or javascript and I need a quick solution to my problem that is why im posting it here. Below is a sample html snippet: <ul> <li><input type="checkbox" />Administration <ul> <li><input type="checkbox" />President <ul> <li><input type="checkbox" />Manager 1 <ul> <li><input type="checkbox" />Assistant Manager 1</li> <li><input type="checkbox" />Assistant Manager 2</li> <li><input type="checkbox" />Assistant Manager 3</li> </ul> </li> <li><input type=