I have an unordered list of items, something like this, shortened for brevity: <div id="elementsContainer"> <ul> <li><a>One</a></li> <li><a>Two</a></li> </ul> </div> I have the list styled up, but these 3 styles deal with background images for the list items: #elementsContainer ul li { list-style:none; } #elementsCont...
Hi All, I have a nested unordered list which has main content on the left, and I would like to add options which are floated right, such that they are aligned on the right regardless of the level of indentation. <ul> <li> Item 1 <span class='options'> link </span> </li> <li> Item 2 <span class='options'> link </span> <ul> <li>It...
What are the dangers of inserting <li>...</li> into a page without enclosing the item(s) in a <ul> block? For example: <div style="border:solid 1px red;"> <li>Item</li> <li>Another Item</li> <li>Yet Another Item</li> </div> Validation is the least of my concerns, I'm wondering what this might break in browsers for the end ...
Is it good to use bullet image inplace of browser default bullets for UL to get cross browser result? ...
Hi I have a nested oredered list which i m animating using this code... var $li = $("ol#update li"); function animate_li(){ $li.filter(':first') .animate({ height: 'show', opacity: 'show' }, 50...
What's the best way to get a ol to start from 'x'? The start tag is depricated and everything I have found on Google has used the :before pseudo class which doesn't work in IE6 or 7. Didn't have much luck when searching stack either. Only thing I can think of is manually go through and number the lists myself and style accordingly? A...
I have set up a list using this css... #navlist li { list-style-type: none; padding: 7px; float: left; } I have shown the page using jquery ui with other div containers... the page here the loaded page in tabs being 'friend.jsp?all=true' Im using a clearing div... .clear { clear:left; overflow:hidden; height:1px; } Now when i u...
I have html list <ol id="newlist"> <li>Test <ol> <li>1</li> <li>2</li> <li>3</li> </ol> </li> <li>Another test <ol> <li>1</li> </ol> </li> <li>Cool Test <ol> ...
Hi I have a nested ordered list. <ol> <li>first</li> <li>second <ol> <li>second nested first element</li> <li>second nested secondelement</li> <li>second nested thirdelement</li> </ol> </li> <li>third</li> <li>fourth</li> </ol> Currently the nested elements start back from 1 again, e.g. first second secon...
Hi, Does anyone use the DL, DT and DD tags? I have a list with each item having a title and description and was wondering if this would be the best thing to use for it or would the simple ul and li tags be better? Thanks ...
Hi, I have a nested list of ul elements. I would like to decrease the font size by a couple of pixels for each level down. So for example the first li elements would have font size 18px, then nested elements of that would have font size 16px and any nested elements of that would have font size 14px etc. However once the font size ge...
Is three a way to create a list-style in html with a dash (i.e. - or – or —) i.e. <ul> <li>abc</li> </ul> Outputting: - abc It's occurred to me to do this with something like li:before { content: "-" };, though I don't know the cons of that option (and would be much obliged for feedback). More generically, I wouldn't...
Hi, Ordered list - html : How to make point(ol{style-list:disc;}) position in midde height of image? Example where point located in bottom of image and not in middle: The code of example <ol style="style-list:disc;"> <li><img src="http://t2.gstatic.com/images?q=tbn:MezWc3ku_XBiwM:http://www.whereisacar.com/images/cars/bill-ga...
Hi, Does definition list <dl> require that each <dd> will have <dt> tag? Example: option1 for each <dd> exist his <dt> also if <dt> empty: <dl> <dt></dt> <dd>value1</dd> <dt>name2</dt> <dd>value2</dd> </dl> option2 for each <dd> not exist his <dt> if <dt> empty: <dl> <dd>value1</dd> <dt>name2</dt> <dd>value2</dd> </dl> Edi...
Hello. I have a group of emails (I hesitate to use the word list, as it may prejudice you answers), which I want to display in a tabular manner with columns of Subject, Content, Date, Action (whose value may contain a Delete button, for example). Semantically speaking, would you use a list (<dl>, probably) or a <table> for this data? My...
I am creating a web page which is designed for mobile safari, and I create a list dynamically. The list is created from a text file in which I receive information and I append this information to the list. It works fine when there are about 200 items, but when the file is very large, (I have tried with up to 4000 items) the page becomes ...
I know that when generating html that needs to be viewed in Excel, if I want to ensure that <br> tags don't cause a new row to be generated, I can specify <style><!--table br {mso-data-placement:same-cell;} --></style> In the <head> section. What do I need to do if I want the same behaviour for lists (i.e. for content inside of <ul> ...
JQUERY: <script type="text/javascript"> $(document).ready(function() { $('li.directory > ul').css('display','none'); $('li.directory').click(function () { $(this).toggleClass('expanded'); $('ul', this).slideToggle('slow'); }); }); </script> HTML: markup fixed now for demo <ul> <li class="directory"><a href="#">Paren...
I an using jQuery to create connected sortable lists to create a main menu for a website. The left hand list contains available pages and the right hand list contains the current menu structure. I am using placeholders to highlight the location where the user needs to drop the item. At the moment the user can add an item from the left l...
I observed a relative strange behavior when I use floating images in a document. The list items indentation is made relatively to the 'red line' instead of the 'green' one. Why is this happening and can I solve this? <img style="float: left"> <p>some text</p> <ul> <li>aaa</li <li>bbb</li </ul> <p>some other text</p> ...