Adding padding to list items

[robinjfisher]

Hi All,

I have a dynamically generated list of <li>s and I need to add an increasing amount of padding to each one to accommodate a curved background image.

I've put together the following:

function alignList() {
	var p = 0;
	var items = document.getElementById("articles").getElementsByTagName("li");
	for (var i=0; i<items.length; i++) {
		items[i].style.paddingLeft = "p+5";
	}
}

"articles" is the id of the containing <ul>

Unfortunately, the above doesn't do anything. Can anyone help?

Thanks

Robin

[stymiee]

Assuming this isn't a CSS cascading issue:

function alignList() {
	var p = 0;
	var items = document.getElementById("articles").getElementsByTagName("li");
	for (var i=0; i<items.length; i++) {
		items[i].style.paddingLeft = (p+5)+"px";
	}
}

First do the math to add p and 5 and then add the px to the end of it.