[thelist] Mac & Linux Site Check : http://members.evolt.org/burhankhalid/compatibility.php

[Karen J. Bowen]

Burhan Khalid wrote:
> 	I need a Mac and Linux site check for the above URL. Any
> comments are appreciated.
>

Burhan,

I'm not on a Mac nor Linux -- Win2k, Moz 1.0rc3 -- but there's a problem
with your Previous & Next buttons:  after the first mouseover, the
border is doubling up.

This is cos you've got the style set for the <span> but are calling the
setStyle/resetStyle functions on the <a>, causing *it* to get the border
change and so giving the button a double border.

Change the JS functions to:

	function setStyle(elId)
	{
		var el = document.getElementById(elId);
		el.style.borderStyle = 'inset';
	}
	function resetStyle(elId)
	{
		var el = document.getElementById(elId);
		el.style.borderStyle = 'outset';
	}

and the html to:

	<a href="/burhankhalid/compatibility.php?verb=prev&amp;id=12"
	onmouseover="javascript:setStyle('btnPrev')"
	onmouseout="javascript:resetStyle('btnPrev')">
	<span class="mnuBtn" id="btnPrev">
	Previous
	</span></a>&nbsp;
	<a href="/burhankhalid/compatibility.php?verb=next&amp;id=14"
	onmouseover="javascript:setStyle('btnNext')"
	onmouseout="javascript:resetStyle('btnNext')">
	<span class="mnuBtn" id="btnNext">
	Next
	</span></a>

You could possibly also put the function calls directly on the <span>..
not sure how valid that would be though.

Incidentally, I love your 2-column, 3-column options - would also be
good if it stuck with my choice throughout the site maybe..?  Nice work.

hth,
Karen