ul

jQuery lavaLamp, misbehaving with child <ul>'s

Hey, I've been playing around with http://nixboxdesigns.com/projects/jquery-lavalamp/ for a navigation menu on a new site I'm building and it works great with minimal fuss, I then started wondering if I could add some sub navigation options to the menu and set about building that in. The trouble I'm having is making the lavaLamp plugin ...

How to word wrap <ul><li><div><a></a></div></li></ul>

How would I be able to have word wrap when text in <a> is way too long? I want the <li> to expand to the word wrap using CSS. ...

inline list li:last-child:after { content: ", "} Can I get rid of the extra space it creates???

http://forumgallery.rollinleonard.com/artists.php I can't seem to get rid of the SPACE before the COMMA in my list. It makes no sense! Here is the relevant part of my CSS .artistlist { margin: 0px; padding: 0; } li.artistlist { display: inline; margin: 0; padding: 0; font-size: .75em; line-height: 1.5...

HTML hiding content in the middle of UL or OL

Hello! I have long text that gets hidden if it exceeds 300 characters. Hiding is done with a <span> that has style="display:none;" set. Basically, after the 300th caracter the rest of the content in wrapped inside that display:none span. The algorithm is clever enough not to break text in the middle of a tag, so the invisible span wil...

Rotate li items with jquery...

Hi all, I have a UL list like: <ul> <li>menu1</li> <li>menu2</li> <li>menu3</li> <li>menu4</li> <li>menu5</li> </ul> I want to use this list as a animated JQuery menu. Setup in such a way that if a user clicks menu3 it becomes the first item in the list as menu1 and menu2 get appended to the end. So after clicking on menu3...

Vertical spacing around UL tag

One of the unintended differences between a <div> tag and a <ol> or <ul> tag is that the list tags add 20px of padding at the top and bottom of the block to whatever is specified in the style properties. In fact, using a <div><li></li><li></li></div> gives exactly the desired results. Although this workaround is apparently illegal- (qu...

Clipped images in list items

I've got list items where a rollover image exceeds the bounds of the list item. Is this possible without the image being clipped? List item rollover graphic: Result: Current css: ul.nav a, ul.nav a:visited { padding: 5px 5px 5px 15px; display: block; clip:none; } ul.nav a:hover, ul.nav a:active, ul.nav a:focus { ...

text centre in <ul>

Hi All, I'm building a navigation bar inside a ul. Most of the menu items have long titles so I really need to wrap them over a number of lines, as in the following code (I've inserted br/ where I'd like the returns) <ul> <li class="cell01on">Menu 1</li> <li class="cell02"><a href="#">Menu2.1<br/>Menu2.2<br/>Menu2....

Add li element around every second <span> tag with jQuery

Hi, don't know if this is possible .. I want to add a li element to every second span-tag. My HTML look like that: <span class="article_item"><img src="images/container_item.jpg" /><h2><a href="">Nokia Connecting N97</a></h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu mattis lectus.</p></span> <span class="a...

how can I drag nested UL's in jQuery's UI?

I have the following setup: <ul class='_lscolumn'> <li>column1 <ul class='_lswindow'> <li>window1 <ul class='_lslink'> <li>link1</li> <li>link2</li> </ul> </li> <li>window2</li> <li>window3 ...