html-lists

This question already has answers here : Closed 8 years ago . Possible Duplicate: javascript - shuffle HTML list element order After a little bit of help. After something quite simple, but can't seem to find a way of doing it myself. I've got a dynamic unordered list being generated from some back end code, (not under my control). The list can be anything from 9 tags up to 100+. They are returned in an order, as defined by the backend code. Using jQuery/javascript I would like to be able to randomize the order of the li tags without having any of them repeat. My my list would currently look

I'm using itext 5.4.5 with XMLWorker 5.4.5 to generate pdf from html that cames from ckEditor. Users can also paste some text from word documents and this results sometimes in something like this: <ol> <li value="3">some text1</li> </ol> <div>lorem ipsum dolor</div> <ol> <li value="100">some text2</li> </ol> <div>lorem ipsum dolor</div> <ol> <li value="77">some text3</li> </ol> this results in ckEditor and in html as 3. some text1 lorem ipsum dolor 100. some text2 lorem ipsum dolor 77. some text3 But if itext convert this html to pdf, it ignores the value of li-tags and sets it to "1." and

I described my original problem in this thread . In short, when using custom counters in ULs, the text indentation broke. Marc Audet proposed a very elegant solution which I implemented in our code. Now - not surprising - this does not work if the list is supposed to float around images :-( You can see the problem here: http://cssdesk.com/eEvwn The numbers are lying on top of the image. Again: no surprise, they are absolutely positioned after all. So. Is there a way to fix this, or do I have to make my client unhappy by telling him it's technically not possible? Thank you again for taking the

I'd like for the drop down menu to show below the border line in the main menu area instead of showing up right underneath the 'menu' title/button. I can change the positioning so that it is lower but then there is dead space in between that makes it impossible to mouse over the drop down menu. I don't want to add padding above the drop down because that just created more purple space, where I want that space to be empty. Below is the code but feel free to view here: link html: <div class="menu-box fl"> <ul class="menu"> <!-- Begin Item With Drop --> <li class="drop"> <a href="#"><span class=