nixwanning

Hi jonlandrum,

Thanks for replying.

Having it 1px high decreases the file size and I believe that it’ll require less disk space/bandwidth.

I understand the method you’ve given, in fact, I tried it out before, but the problem lies with the fact that these are semi-transparent PNGs.

If you stack 2 semi transparent PNGs on top of each other, then the “gradient” part will be more defined than the rest of the body of the element, and the gap where the gradient ends is very obvious.

I’ve found a way to list it out like that via php.

$thecategories = get_categories('orderby=name');

	$cat_alt = 'norm';

	foreach ($thecategories as $onecategory) {

		echo '<li class="' .$cat_alt. '"><a href="' .get_bloginfo('url'). '/?cat=' . $onecategory->cat_ID . '" title="' . $onecategory->cat_name . '">' . $onecategory->cat_name . '</a>';

		if ($cat_alt == 'norm') {
			$cat_alt = 'alt';
		} else {
			$cat_alt = 'norm';
		}
	}

Which will involve building new widgets out of the old ones. Would anyone know of an easier way to alternate styles between list elements or is this the only possible way?