Path: csiph.com!newsfeed.hal-mli.net!feeder3.hal-mli.net!newsfeed.hal-mli.net!feeder1.hal-mli.net!border3.nntp.dca.giganews.com!Xl.tags.giganews.com!border1.nntp.dca.giganews.com!nntp.giganews.com!local2.nntp.dca.giganews.com!nntp.posted.grandecom!news.posted.grandecom.POSTED!not-for-mail
NNTP-Posting-Date: Tue, 24 Jul 2012 14:37:23 -0500
User-Agent: Microsoft-Entourage/12.23.0.091001
Date: Tue, 24 Jul 2012 14:37:18 -0500
Subject: Button mouseover is spotty
From: Bint <bint@ign.com>
Newsgroups: comp.lang.javascript
Message-ID: <CC34639E.C261%bint@ign.com>
Thread-Topic: Button mouseover is spotty
Thread-Index: Ac1p07wx/DG5t40QAkOcxqdPwb9yzQ==
Mime-version: 1.0
Content-type: text/plain; charset="US-ASCII"
Content-transfer-encoding: 7bit
Lines: 35
X-Usenet-Provider: http://www.giganews.com
NNTP-Posting-Host: 216.82.212.181
X-Trace: sv3-HNqFxkeZbFJgJPVyayLNyxb+PDFF28eZPK38lAG2+J2Qvk0quNC6PNTm49zJjx1cNykBsltMgjf2I70!OearCVgub6j9HTI58nk89k5zPEF8LZMKBbCAuM5PlyIBtju4ajA5ffdJzXQ5Sjs=
X-Complaints-To: abuse@grandecom.com
X-DMCA-Complaints-To: abuse@grandecom.com
X-Abuse-and-DMCA-Info: Please be sure to forward a copy of ALL headers
X-Abuse-and-DMCA-Info: Otherwise we will be unable to process your complaint properly
X-Postfilter: 1.3.40
X-Original-Bytes: 2392
Xref: csiph.com comp.lang.javascript:15178

Hello,

 Boy this newsgroup sure is spammed out!

I have not much experience in javascript (or html, really) and am coming
back to work on a little project I started last year.

I've got a couple of buttons onscreen, they are supposed to be rollover
buttons that light up. But the mouse detection only works on about half the
button.

Here's the code I used to make the button:
            function insert_linkbutton(container) {
                var linkbutton = document.createElement( 'div' );
                linkbutton.style.position = 'absolute';
                linkbutton.style.top = '10px';
                linkbutton.style.margin = 0;
                linkbutton.style.padding = 0;
                linkbutton.style.textAlign = 'left';
                
                linkbutton.innerHTML = '<ul id="nav"><li id="linkbutton"><a
href="javascript:showlink(container)">Show Link to Model</a></ul>';
                container.appendChild( linkbutton );
                container.showinglink = 0;
                return linkbutton;
                
            }

Anyone know what I am doing wrong?  As you scroll the mouse across the face
of the button, it lights up and responds to the mouse only at certain points
on the button, not over the whole rectangle.

Thanks
B