FAQ Database Discussion Community


Hello, can you help me to add up to 5 list item selections in Javascript?

javascript,list,html-lists
So I'm an absolute beginner at JS but would like to have a list a user can select from up to 5 choices, which appear in a separate div. As you can see I've managed to get one to work on click. <ul id="products"> <li>Bell Box Labels</li> <li>Camera Labels</li> <li>CCTV...

Valid or Invalid HTML5?

html5,html-lists
Can you guys please tell me that the following code is valid or invalid ? can i use div tag inside list? <ul> <li> <a href="#"> Sample </a> <ul> <li> Main </li> <div> <p> <a href="Sample"> </a> </p> </div> </ul> </li> </ul> ...

Cant Center my li within my ul In sidebar

html,css,html-lists,center
i'm pretty new to css and html and trying to make a site to work on improving and learning. I've been searching and cant figure out how to fix my menu in the sidebar, to me it looks like the li's in the ul are floating to the right for...

Vertical-top align ul items side by side

css,html5,html-lists,vertical-alignment
I set my UL items to have display: inline-block, 30% width, and they align side by side corretly. But, they vertical align to bottom if there is a bigger li. Is there any way to top align this items? One solution that I don't like is to have a Javascript...

How to extract specific
  • element using Xpath?
  • parsing,xpath,html-lists
    There is a list: <ul class="params"> <li> <span>Brand:</span> Casio </li> <li> <span>Gender:</span> male </li> <li> <span>Material:</span> metal </li> </ul> I am trying to extract specific "Gender" parameter. So I want to extract <li> element that has this information: <span>Gender:</span> male This is how I am trying to do it: //ul[@class="params"]/li[text()[contains(.,'Gender')]]...

    How do I make my background-color fill entire width of div when applied to a `ul li`?

    html,css,html-lists
    I'm using jQuery-UI-Layout plugin that creates a pane on the east side of the screen. When I create a list in it and apply a background-color to each <li> element, it doesn't span the width of the entire pane. I would like it so that there is no white space...

    CSS inline-block list grid

    html,css,html-lists
    I have a list of items that I'd like to display in a grid-like way. And I want each item to have a custom width, based on its content plus the padding around it. So I just added the appropriate styles, and added a display of inline-block to each li....

    Set background width / height within list tag whilst using sprites

    css,css3,html-lists,background-image
    Ok, I have a situation where I need to display a custom image for the list bullets; obviously you can do this via list-style-image; however I want to use a sprite. So another method I came across was to just put the background on the li itself, however without being...

    How to merge two UL with JQuery so that the values alternate?

    javascript,jquery,html,html-lists
    I'm trying to merge two UL with JQuery so that the values alternate. How can I merge the following : <ul id="1"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul id="2"> <li>a</li> <li>b</li> <li>c</li> </ul> To something like this : <ul id="1"> <li>1</li> <li>a</li> <li>2</li> <li>b</li> <li>3</li> <li>c</li> </ul> With JQuery ? Thanks....

    Stacking images in HTML/CSS

    html,css,html5,image,html-lists
    I have a <ul> list with two <li>s within it as follows: <ul> <li id="sc-1"> </li> <li id="sc-2"> </li> </ul> My CSS for these elements is as follows: #sc-1{ background-image:img/banner1.jpg no-repeat center; overflow:hidden position: relative; z-index:5; } #sc-2{ background-image:img/banner2.jpg no-repeat center; overflow:hidden; position: relative; z-index:4; } ul{ width:100%; margin-left:auto; margin-right:auto;...

    Javascript click to open and close menu, NOT using jquery

    javascript,html,css,arrays,html-lists
    I want to have a menu, that I can click on to open, and click on to close. Similar to a hover menu, but with clicking, to open, and clicking to close. I have three visible list items, with submenu's under. These are hidden with css, display:none. I can get...

    How to access invisible Unordered List element with Selenium WebDriver, Java

    java,select,selenium,selenium-webdriver,html-lists
    This is the HTML code: <ul id="personalBar"> <li id="upload" style="display:none;"></li> <li id="personal"> <span class="translate"></span> <span id="userName">qaadmin</span> <div id="dropDownArrow"></div> <ul> <li id="pendingActivities" class="translate" onclick="eCommon.helper.viewAllPendingActivities()" translatekey="MANAGE_STORE">Manage Store</li> <li class="translate" onclick="eCommon.helper.outSourceViewReports()"...

    How to open correct sublist in dropdown menu

    javascript,jquery,html-lists
    I got a small Javascript menu problem. I got a ul list that looks something like this. <ul class="mainmenu"> <li class="sub-handle"> Item 1 <ul class="submenu"> <li class="sub-li">item 1-1</li> <li class="sub-li">item 1-2</li> <li class="sub-li">item 1-1</li> </ul> </li> <li class="sub-handle"> Item 2 <ul class="submenu"> <li class="sub-li">item 2-1</li> <li class="sub-li">item 2-2</li> <li class="sub-li">item...

    The bullets in my

    html,css,html-lists
    I'm trying to add something to a webpage with an unordered list attribute, but for some reason the first one in the list is acting strangely. For some reason, it puts the disc after the sentence instead of before it, and not just right after, but totally at the right...

    How to style the background of the bullet points in a

    html,css,html-lists
    I have a list like this: <ul> <li class="list-item"> <span>Label</span> <div class="multi-line-content"> multi-<br /> line<br /> content </div> </li> <li class="list-item"> <span>Label</span> <div class="multi-line-content"> multi-<br /> line<br /> content </div> </li> <li class="list-item"> <span>Label</span> <div class="multi-line-content"> multi-<br /> line<br /> content </div> </li>...

    How to populate UL from code-behind

    c#,asp.net,html-lists
    I have an UL in my ASP.net page: <ul id="ulO" runat="server"> </ul> Code-behind: foreach (string wrWG in workGroupLists) { // add each "wrWG" as a list item to the `ulO` } I tried using asp:Repeater to populate but that didn't work....

    Weirdness while styling unordered lists and padding: 0

    html,css,html-lists
    I know this should be HTML/CSS 101 but I ran into an odd problem I don't understand. I'm updating an old site, with lots of unordered lists. It turns out whenever padding is set to 0, the display 'marker' of the unordered list disappears. The issue was the CSS setting...

    li and a element styling issue with Chrome after clicking a link

    html,css,google-chrome,styles,html-lists
    I have a simple menu that works fine in Firefox, but when using Chrome the links move around when you click on them and so it breaks the styling. I read from somewhere that display: block; on a element would fix this, but it didn't. You can see a demo...

    Different line height for continuing row of list

    html,css,html-lists
    I have a list and I want line items with long text to flow to the second row which would have a shorter line height than the line height between regular line items. For example: <ul style="list-style:none"> <li> Hotel Chain </li> <li> Taxi Service </li> <li> Tourist Trap & Retail...

    jQuery Hide/Show only on the parent li

    javascript,jquery,html-lists
    I'm new to jQuery and am experimenting on hiding and showing li lists. I have it working to where the when you click on the parent li (li.2015) the sub li (ul.2015) list is shown and hidden. However, I only want this behavior to work on the parent li (li.2015)...

    overflow:hidden on spans in an li doesn't work

    css,html-lists,overflow
    I'm building a new website and I want to make some effect when hovering on a li. There are three li as you can see: <ul id="list"> <li>HomePage</li> <li>About<span>Me</span></li> <li>Contact<span>Form</span></li> </ul> I want to hide the "Page" from homepage, "Me" from AboutMe and "form" from ContactForm. I'm going to use...

    space between bottom and fixed ul

    css,position,html-lists,margin,fixed
    I want my nav bar to be fixed at the bottom of the screen. Now, however, there is some space between the nav bar (ul) and the bottom of the screen. Only margin-bottom: -1% seems to work but I would like to fix it without that or at least understand...

    Ordered and Unordered List is not rendered during the PDF Generation

    pdf,pdf-generation,html-parsing,html-lists,itext
    I am using iText-5.5.6 and XMLWorker-5.5.6. I am having strange issue during the PDF Generation where as I am not able to see the Ordered or Unordered list from the source HTML Content. I am getting the HTML Content from the Editor Control. And the content is like the below:...

    ul percentage width with border

    html,css,html-lists,border
    I have a ul and table directly below, and I want to 2 to line up. Unfortunately as I've discovered, percentages can't be applied to the border I have, which is making the ul either too wide or narrow, depending on screen size. Apparently putting things into a container should...

    Is there a way to wrap UL sub-menu to div? (In wordpress)

    wordpress,navigation,wordpress-theming,html-lists,wrap
    Here is my problem is there a way to wrap wordpress UL submenu to div? Wordpress output is this: <ul> <li>link 1</li> <li>link 2</li> <li>link 3 <ul class="sub-menu"> <li>Sub-link 1</li> <li>Sub-link 2</li> <li>Sub-link 3</li> </ul> </li> </ul> And I need to get this: <ul> <li>link 1</li> <li>link 2</li> <li>link 3...

    Styling ul with first-child

    css,css-selectors,html-lists
    I'm sure this shouldn't be difficult to solve but I can't get my styling for a ul to work (trying different things, it either works for one, or none at all) and I'm about to tear my hair out. What have I missed? https://jsfiddle.net/5cuuq8rq/ HTML: <ul class="nav"> <li><a href="?page=home">Home</a></li> <li><a...

    JQuery li color change

    javascript,jquery,html,css,html-lists
    I'm trying to change the color of li on click via this code: $(function(){ $("li").click(function (){ $(this).css("color","green") }); ... more code but none of the li elements will work. The li elements are dynamically generated in the more code section....

    fit HTML UL LIST inside dynamic sized DIV container without losing content

    html,css,list,html-lists
    I am creating dynamic <ul> lists which sometimes have 10 <li> items, or sometimes 50 <li> items. I need to place this list inside a <div> container (which its height/width vary due to responsive design). Let me show you examples: This is what I have: <style> .container{ border:1px solid #ccc;...

    How to Push Content Block Down 2-Pixels

    css,html-lists
    I have a <ul> block with <li> lists that form a sub menu. When you hover over the main menu bar (page link below), the green border-top bar is 2 pixels too high and I cannot figure out how to move it down to exactly overlay the blue bar a...

    Why is there extra space under my unordered list?

    css,html-lists
    With the exception of the content in the slides, I have the same slider on this test site as a I have on this site, and both of these sites are running the latest WordPress installation. For some reason, I've noticed that the <ul class="slides"></u> on the latter site (not...

    Resetting css attributes after third submenu

    html,css,wordpress,list,html-lists
    I have a Wordpress menu with 5 sub-menus. Something like: Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 1 Item 1 Item 1 and I'm using css to add some style. The problem is, when I do something like: ul { padding: 10px; } it...

    Javascript add li to ul using array

    javascript,arrays,dom,html-lists
    I am working on a spelling game for my children, and I want to display a spelling list based on what they enter and an array that is created. Here is the link to my project on github https://github.com/urock24/myWebSite.git Here is the code in question, javascript first function populateSpellList() {...

    CSS/HTML Trying to center nav ul element

    html,css,html-lists,center,nav
    I'm just messing around on jsfiddle trying to practice and I came across an issue that I couldn't solve. So hopefully some of you could help me a bit here. This seems like such a silly question on the very basics of CSS but for some reason this one has...

    Placing a within a
    of a
    adversely affects other elements of my page html,table,html-lists
    I am using a two-column layout with header and sticky footer only on right side. The content area of my right column has a section and an aside displayed inline. I am attempting to create a FAQ page. I am using a description list for the questions and answers, and...

    Altering html structure and creating menu items in Wordpress

    css,wordpress,html-lists
    I'm fairly new to Wordpress and am trying to do something very specific. I am currently using the awesome html5blank to create my custom theme. I am using the native menus for my nav tabs. I am currently using background-image's to make my nav tabs images instead of text but...

    Adding a border is causing my header format to have issues

    html,css,html-lists,border
    I am trying to add a border to my header, but when I do, the line-height (or something like that) is getting messed up. HTML - <div class='header'> <ul> <li>Home</li> <li>Services</li> <li>Estimates</li> <li>Co2 Calculator</li> <li>Contact Us</li> </ul> </div> CSS - .header { background-color: #006633; height: 50px; border-radius: 5px; border: 1px...

    Calling li's in css

    html,css,joomla,html-lists
    i am working on a site with this fieldset with ul. It is a joomla template where I am logged in as a publisher. This is the menu where you are able to change your articles. What I would like to happen is that the first a and the last...

    Jquery target div inside clicked

    jquery,if-statement,html-lists,parent,target
    I am trying to make a drop down menu which using :hover works great on desktops and android, but breaks on iPad. Because of this I am swapping :hover for jquery. The below does just what I need...almost. var down = false; $("li").click(function() { if (down == false) { $(".dropdown").css("height",...

    Changing font-size of
  • on wordpress
  • css,wordpress,html-lists
    I am adding some pages on a wordpress themed website. There is a table with 3 columns: 1st column will be the title (larger font). Since it looks better and editing is easier, I started using <ul> instead of <td> Even though it works fine on JSFIDDLE font-size on the...

    How to display results from multiple databases into a list format in Meteor

    javascript,mongodb,meteor,html-lists,spacebars
    I've been trying to figure out how to display the list of items in two mongo collections into the same list, meaning that equivalently timestamped entries are put into the same list piece. For example: {{#each usernames}} {{> userlist}} {{/each>}} with the list template being <template name="userlist"> <li> </li> </template>...

    Javascript onclick not firing on
  • tag in JSP
  • javascript,function,jsp,html-lists,firing
    Hello everybody I have this little javascript function: function exeForm(option, pageToLoad, optionId) { var frm = document.getElementById("frmSessionForm"); var frmOpt = document.getElementById("frmSessionOption"); var frmOptId = document.getElementById("frmSessionOptionId"); frm.action = pageToLoad; frmOpt.value = option; frmOptId.value = optionId; frm.submit(); } The function should be called whenever I click the link. But that won't happen....

    How to loop self referenced class in Jsp?

    java,jsp,data-structures,html-lists,self-reference
    I have written a Node class for storing tree data structure as , The node looks like , The tree i want to develop as, public class Node1 { public String data; public Node1 left; public Node1 right; public static int level=0; public Node1(String data) { this.data=data; this.left=null; this.right=null; }...

    How do I sort an unordered list using BeautifulSoup 4 by a child element

    python,sorting,python-3.x,beautifulsoup,html-lists
    I am new to Python coding and BeautifulSoup4. I have a list in HTML that I need to sort, which follows the pattern: <div id="mgioLangSelector"> <ul id="mgioLangList"> <li><a href="" class="mgio-autonym"><span class="mgioAutonymNative" lang="am">አማርኛ</span><span class="mgioAutonymSeperator"> / </span><span class="mgioAutonymEnglish">Amharic</span</a></li> <li><a href="" class="mgio-autonym"><span class="mgioAutonymNative"...

    Does UL have default margin or padding

    html,css,alignment,html-lists
    This might seem like a dump question, but I've added an UL to a basic page and the list seems to be off-centered. There's nothing special about the list. No specific css added: just a list. When I load live it's slightly off center. Is there a default margin or...

    How to display an ul in li inline?

    html,css,html-lists
    I'd like to know if it is possible to display a second li-element inline in a first li-element. The structure is like: <div class="one"> <ul> <li>some styling <ul> <li>this element should be displayed inline</li> </ul> </li> </ul> </div> CSS rules for first ul is working to display it inline in...

    How can I push sub-nav ul out of main-nav ul?

    html,css,content-management-system,html-lists
    I have a CMS-generated main-nav menu with one sub-menu. Both menus are standard ul tags with a class of “navCMSListMenuUL” which is then styled in my CSS accordingly. The issue is that on a:hover, the container expands to accommodate the newly displayed sub-nav ul. I would like for the sub-nav...

    Is possible to insert HTML.Actionlink inside LI?

    javascript,html,asp.net-mvc,html-lists,actionlink
    I'm trying to insert a @HTML.ActionLink element inside a li element using the following code: var ul = document.getElementById('container'); var enlace = [email protected]("Details", "Details", "Elements", new { id = "5" }, null)'; var li = document.createElement('li'); li.appendChild(document.createTextNode('My title')); li.appendChild(document.createElement('br')); /////////////////////////////////////////////// li.appendChild(document.createElement(enlace)); /////////////////////////////////////////////// ul.appendChild(li); Is it...

    Replace list items with jQuery except first, last

    jquery,html-lists
    I have a list of items where the first and last act as navigation buttons, so when ajax loads new content, the middle items must be replaced with the new HTML retrieved. <ul> <li class="photonav">Older Photos</li> <li class="photo">Item to replace</li> <li class="photo">Item to replace</li> <li class="photo">Item to replace</li> <li class="photonav">Newer...

    CSS li items stacking on top each other

    html,css,html-lists
    I'm building a mobile menu and my list items are trying to unexpectedly stack on top of each other. I imagine that I can somehow set the same distance to the top or something like that since they stack on top of each other but can't seem to find and...

    Select one (this) item from
  • (jQuery/javascript)
  • javascript,jquery,html,html-lists,this
    I have a <ul> list in my HTML, and inside each <li> within that, I have an element with the id vid. With jQuery, I want to make it so that when I click the title of each <li>, the #vid element in that <li> (just the one that was...

    List Item
  • containing image not vertically aligning with other
  • 's containing text
  • html,css3,html-lists
    My <ul> element has some <li>'s containing text, and one containing an image. I want them to appear in a single line, centered horizontally within the parent element, and also their <li> contents centered vertically and horizontally. I have the following code: http://codepen.io/littlemissintrovert/pen/NqqLRr By far, it's going great, however, I...

    simple nav left and right alignment

    html,css,html5,html-lists,nav
    So I've done this correctly before and found examples that work but I'm really trying to figure out WHY this is happening. Basically I want a navbar with a left and a right side, and the way I'm trying now has the right side being pushed down. Do not hesitate...

    Center link in an unordered list element (flexbox)

    html,css,html-lists,flexbox
    I've been playing around with flex box and I would like to center the "Logo" test in the upper left corner vertically in its blue container. You can see it here: http://codepen.io/TimRos/pen/MwKNgw * { margin: 0; padding: 0; } .box { color: white; font-size: 80px; text-align: center; text-shadow: 4px 4px...

    get id of an li with the text value in jquery

    javascript,jquery,html-lists
    I have a code <li id="a1">Apple</li> What I need to do is with the text value "Apple" as input, I need to find the id of that li. Is this possible in javascript / jquery? Thanks in Advance ! ! !...

    multiple treeviews for data selection

    javascript,html,css,treeview,html-lists
    I have an assignment that needs to be done in a very specific way. I have all the back end code done, but cant seem to figure this part out, and it's driving me mad. Essentially the UI is required to have 2 tree views one on the right and...

    Control height only with padding

    css,html-lists
    I have font-size:14px, line-height:14px, padding top and bottom 7px. The total should be 28px. This is right in a div, it makes 28px height. But the same in a ul li a, makes 30px. Can someone explain me why? where does this 2px come from? (I need a exact height...

    Pandoc - HTML to Markdown not processing nested unordered lists correctly

    html,nested,html-lists,markdown,pandoc
    I am trying to convert a nested unordered HTML list to Markdown using Pandoc. The nested list in the HTML document is in the format: <ul> <li>outer list item</li> <li>outer list item</li> <li>outer list item</li> <ul> <li>inner list item</li> <li>inner list item</li> <li>inner list item</li> </ul> <li>outer list item</li> <li>outer...

    Where does the list-style-type : disc reflects when margin is set to 0px on li of a ul?

    html,css,html-lists
    Consider the snippet: <ul id= "nav"> <li> <a href = "#"> Home</a> </li> <li> <a href = "#"> France</a> </li> <li> <a href = "#"> Italy</a> </li> <li> <a href = "#"> Spain</a> </li> <li> <a href = "#"> Eastern Mediterranean</a> </li> <li> <a href = "#"> Islands</a> </li> </ul>...

    Can't figure out extra space in my ul - simple html

    html,css,navigation,html-lists,navigationbar
    I'm trying to really understand where the extra 40 pixels of padding on the left side of my ul is coming from. I'd like to understand this rather than slouch it off. Sorry if I'm overlooking something simple, thank you. https://jsfiddle.net/inthenameofmusik/2bayjo20/ Even if you add this, it still shows that...

    i want value of input type in javascript

    javascript,class,input,html-lists
    my code is <ul id="start"> <li> <input type="hidden" value="abc" > </li> </ul> I don't id of Ii and Input Type I want value of input type in javascript in css we use #start li input{ //code } how to do same thing in javascript...

    Coping html to another div

    javascript,jquery,html,onclick,html-lists
    What i am doing is whenever i click a li.opn i get the respective .pst 's html from #hiddenDiv . If the .pst 's html is empty then do a $.post() to get the html from server. But my problem is if i receive a <script></script> code from server in...

    Position the
  • dot at the top
  • css,html-lists
    I'm trying to get the bulletpoint in a list to align at the top of the instead of the bottom. Here is an example of what I mean: https://jsfiddle.net/2ma994cr/ <ul class="a"> <li>Thing 1</li> <li><iframe width="420" height="315" src="https://www.youtube.com/embed/3B49N46I39Y" frameborder="0" allowfullscreen></iframe></li> <li>Thing 3</li> </ul> As you can see in the fiddle, the...

    jQuery 2.1 | Highlight first
  • completely visible in scrollable
      viewport
  • jquery,html-lists,viewport
    I'm trying to adapt this code from Stackoverflow for my specific needs. I need to highlight via addClass the first <li> that is completely visible in a scrolling <ol> viewport, regardless of length of <li>. I swapped the $(window) scrolling part of the code for a scrollable <ol> which nearly...

    playframework: jQuery: append an element to a list from a view, onclick button from another view

    jquery,playframework,append,html-lists
    So i have this two views : 1.viewarea.scala.html @(name:String, tags:String, id:String) @Main("Area") { .... <ul id="areaFeat"> //the ul that I want to fill </ul> </div> } 2.areaDescription.scala.html @(id:String) @Main("Description Area"){ <form action="@routes.Application.PostAreaDescription(id)" method="POST"> <textarea cols="40" rows="5" class="form-control" name="textarea"></textarea> <input type="submit" id="postDescArea"> </form> <script> $(document).ready(function(){...

    Padding creates weird black line on my

    html,css,list,menu,html-lists
    The padding creates a weird black line when I stretch the background of the in the CSS and the more padding I add the larger the black line gets here's the image: http://i61.tinypic.com/2ia7rlv.jpg Here's the code: CSS: /* reset browser styles */ html, body, div, span, object, iframe, h1, h2,...

    Center items in list (CSS)

    css,wordpress,wordpress-theming,html-lists
    I need to center the items on a list of my social-media menu (the 4 icons under the title on the sidebar). I got to made them distribute evenly (each item width is 25% since I have 4), the "ul" is displayed as table. However, the icons inside each "li"...

    Item(li) disappears when dragged out of List(ul) region

    jquery,css,html-lists
    I have a list, I am trying to create a system in which a person can drag an item from that list to a div(not other list) and vice-versa. Here is code - $(function() { $( "ul, li" ).disableSelection(); $( "li" ).draggable({ revert:"invalid"}); $( "#droppable" ).droppable({ drop: function( event, ui...

    How to remove dot '.' from CSS list-style:decimal [duplicate]

    php,html,css,list,html-lists
    This question already has an answer here: HTML + CSS: Ordered List without the Period? 5 answers Is there any way to remove the DOT after the decimal numbers in List style? My CSS .snum li {list-style:decimal outside none;} The result i was getting like this (not including PHP...

    selenium dynamically click li item

    java,search,selenium,selenium-webdriver,html-lists
    I am trying to dynamically search an "li" tag item and double-click on this website: www.jstree.com (the right-top hierarchy tree sample). The code does find the WebElement but does not do anything. I am trying as follows. Can someone please point to what I am doing wrong? I am using...

    Jquery Functions in Unordered List

    jquery,click,html-lists
    I have list items in an unordered list that are calling functions via jquery click events. The problem is the li is calling its function then calling the parent ul function. I just want the function called that I am referencing with the id. Is it a parent-child issue? <ul...

    How to replace href inside of
  • using jQuery
  • jquery,replace,html-lists,href
    I am trying to convert a piece of code that is coming out out of a content holder. I need to modify the href within the <LI> tag using jQuery. Currently the code looks like this: <li id="ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationListItem" class="NavigationListItem"> <a id="ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationLink" class="NavigationLink" href="/Public/Cart/Core/cart/MyCart.aspx?hkey=70255604-fa6d-48b6-874e-ddb636d4f3ed"> <span...

    Traversing multiple unordered lists

    javascript,jquery,html-lists
    Consider the following markup : <div class="col6"> <h2>Accueil</h2> <ul class="listing"> <li><a href="#" title="bg_home">Accueil</a></li> <li><a href="#" title="bg_homeTakeover">Homepage Takeover</a></li> <li><a href="#" title="bg_homePromoOverlay">Homepage Promo Overlay</a></li> <li><a href="#" title="bg_homeFeatureOverlay">Homepage Feature Overlay</a></li> <li><a href="#"...

    Center list inside of a div

    html,css,html-lists
    I know there are a lot of other answers out there, but I don't know if Im just doing something wrong, but they aren't working. Basically, I have a "logo" (it's just my name) in a div("name") on the left hand side of a container div("header"). I also have my...

    Change selection of current li element

    jquery,if-statement,html-lists
    I have a list: var $curr = $('#lol').children().first() var $last = $('#lol').children().last() $curr.css("z-index", "1"); $("#next").click(function() { if ($curr == $last) { $curr = $curr.first(); $("li").css("z-index", ""); $curr.css("z-index", "1"); } else { $curr = $curr.next(); $("li").css("z-index", ""); $curr.css("z-index", "1"); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="slider"> <button id="prev" type="button">prev</button> <button...

    How do I sort a

    javascript,jquery,html-lists
    I have a <ul> list which is generated using javascript when the page loads (by appending a var with <li> tags to a <ul> element). How can I make it so the <li> with the NEWEST date is at the top when the page loads? Also, my code is extremely...

    two lines / line break in li element

    html,html-lists
    I have a <ul> with a couple of <li>. In my css with li { display: inline; } I put the li elements in a horizontal order. The li elements contain a picutre and text. But now the picture and the text are also in horizontal order, but I want...

    Batch - delete and paste specific lines in txt file

    batch-file,html-lists
    I want to create a batch while which delete specific lines in and paste there text. Example: //file.txt// COM=1 BaudRate=4800 DataBits=7 Parity=e StopBits=1 I want to let the batch file delete line2 and paste to line2 new text (varies according to the assignment) to let it look like this: COM=1...

    Inserting extra item 2A in HTML

    html,html-lists
    I'm sure this must have been asked before, but I cannot locate it. I'd like to create an ordered list in which the items are numbered 1, 2, 2A, 3, 4, …. I have no choice on the numbering as it must conform to a published standard which inserted 2A...

    How can I make a list-style-image scale with the list's font size, when we can't use glyph fonts?

    html,css,html5,svg,html-lists
    A webpage I'm working on uses some fancy chevrons for bullet points in a list. I'd like to define a list style that scales with the font size of the list items itself: doing so is the ultimate end goal of my problem here. We currently keep those chevrons in...