html-lists

Goal: Display textbox and submit button on the same line in Jquery Mobile. Problem: They will not display on the same line. I've tried many times to display the textbox and submit button on the same line, but it never works. Here is my code and the combinations I used... <form method="GET" style="display: inline-block;"> <input type="text" name="id" value="Other"> <input type="submit" data-type="button" data-icon="plus" value="Add"> </form> That did not work. <form method="GET"> <span> <input type="text" name="id" value="Other"> <input type="submit" data-type="button" data-icon="plus" value=

EDIT: see also my own answer below (2016) For example: <ul> <li class="first"><a href="#" title="">Home</a></li> <li><a href="#" title="">Chi siamo</a> <ul><li><a href="#" title="">item1</a></li><li><a href="#" title="">item2</a></li></ul> </li> <li><a href="#" title="">Novità</a></li> <li><a href="#" title="">Promozioni</a></li> </ul> Then styled: /* level 1 Main menu ----------------------------------------- */ #main-menu > ul{ list-style:none; } #main-menu > ul > li{ float:left; display:block; position:relative; margin-left:1em; } #main-menu > ul > li.first{ margin-left:0; } /* sub Main

Can I make bulleted lists on my site that use <ul> and <li> tags have a different indentation distances? Element One Element Two and even this line which is not in an <li> tag are indented List elements without the <ul> tags are not indented I would like to indent some elements, but the default distance is too much and the sans-indent is too little. <ul style="padding-left:20px"> <li>Element 1</li> <li>Element 2</li> </ul> I think the default indentation is 40px , this halves it. ebaum li { margin-left: 10px; } ul li{ margin-left: 20px; } A slightly cleaner way to adjust both of the

I want to pass <li> id or value in onclick event. here is my exiting code. <li onclick="getPaging(this.value)" id="1" value="1">1</li> <li onclick="getPaging(this.value)" id="2" value="2">2</li> here is the javascript code function getPaging(str) { $("#loading-content").load("dataSearch.php?"+str, hideLoader); } Anish Try like this... <script> function getPaging(str) { $("#loading-content").load("dataSearch.php?"+str, hideLoader); } </script> <li onclick="getPaging(this.id)" id="1">1</li> <li onclick="getPaging(this.id)" id="2">2</li> or unobtrusively $(function() { $("li").on("click",function

I have set the list-style-type in CSS, but for some reason it's not showing it. body { margin: 0; } ol { list-style-type: decimal; padding-left: 0; } <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> Because of your padding reset, the numbers are actually off to the left of the page. Try adding: list-style-position: inside; display:list-item; list-style-position:outside; It may give problem if list display: attribute is set to some thing else than display:list-item; Decimal is default for an "ol". No need to declare it. Also the numbers are there just falling off the side of the page