Hi,

I created an expandable list in JavaScript here: http://home.comcast.net/~richmaxw/resume/ . But the bullets (the boxes with the plus sign) are too large. I based it off of the code here: http://free.netartmedia.net/DHTML/DHTML9.html . When I try to shrink the boxes by modifying the style (span_general), the plus signs fall to the bottom of the boxes. I'd like to shrink the boxes and center the plus signs horizontally and vertically, but I've only been able to do so horizontally.

Thanks,

Rich

I'd suggest to replace the .span_general with
.span_general {font-family:Verdana;font-size:9pt;color:black;border: 1px solid #000;text-align:center;width:16px;height:15px;cursor: pointer;}
first.

Then when you shrink the box and the vertical centering doesn't keep.
Try adding a negative margin-top.

Ok. Thanks. Now the pointer works in Firefox. But when I try to add a negative top margin, it still stays on the bottom. I've added all kinds of things, but I can only seem to center them horizontally.

I thought of one other thing which might work, but it's just as ugly as a negative margin-top. :P

Maybe try reducing the line-height to something like 0.9em, which means the line height will be 0.9 times the current font size.

I figured it out! Using <sup> tags seems to do the trick. I understand this may not be the method recommended by the W3C, but desparate times require desparate measures! The only browser that doesn't seem to like it is IE 6. Go figure...