Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!news.glorb.com!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 15:56:11 -0500
User-Agent: Microsoft-Entourage/12.23.0.091001
Date: Tue, 24 Jul 2012 15:56:10 -0500
Subject: Re: Button mouseover is spotty
From: Bint <bint@ign.com>
Newsgroups: comp.lang.javascript
Message-ID: <CC34761A.C392%bint@ign.com>
Thread-Topic: Button mouseover is spotty
Thread-Index: Ac1p3sCvtez0p78ye0yJjYW2hPLF9Q==
References: <CC34639E.C261%bint@ign.com> <XnsA09AE8A77C6BBeejj99@194.109.133.133>
Mime-version: 1.0
Content-type: text/plain; charset="US-ASCII"
Content-transfer-encoding: 7bit
Lines: 97
X-Usenet-Provider: http://www.giganews.com
NNTP-Posting-Host: 216.82.212.181
X-Trace: sv3-PnuYyvzPTzvC4NfJ9gi8AJnt095ucWF/qflV6yvYRph5c+JKvSnQGIgLTP79Vy06VRh2amZ27GY7rzc!0cK6f67ysBj8QrRZ7lbBh0d6rp7MBjkhR0EAo65fSnT3lMlSLA6Eru+IRBge2zw=
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: 4232
Xref: csiph.com comp.lang.javascript:15180

Sorry, I don't really know what I am doing.  Is this the code you need to
see?

            #nav {
            padding:0;
            margin:0;
            position:absolute;
            left:0px;
            top:0px;
            }
            
            #nav li {
            display:inline;
            padding:0;
            margin:0;
            }
            
            #nav a:link,
            #nav a:visited {
            color:#0000ff;
            background:#000000;
            padding:6px 10px 4px 10px;
            position:absolute;
            left:10px;
            top:0px;
            float:left;
            width:auto;
            border:1px solid #000080;
            text-decoration:none;
            font:bold 1em/1em Arial, Helvetica, sans-serif;
            text-transform:uppercase;
            text-shadow: 2px 2px 2px #005;
            }
            #nav a:hover,
            #nav a:focus {
            color:#fff;
            background:#525474;
            }

            #backbutton #nav-featured a    {
            background:#e35a00;
            color:#fff;
            text-shadow:none;
            }




On 7/24/12 3:52 PM, in article XnsA09AE8A77C6BBeejj99@194.109.133.133,
"Evertjan." <exxjxw.hannivoort@inter.nl.net> wrote:

> Bint wrote on 24 jul 2012 in comp.lang.javascript:
> 
>>  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.
> 
> You do not show any javascript mouseover code, so how can we help you?
> 
> Try, but follow up in a CSS-NG:
> 
> <style type='text/css'>
> #nav {border:solid 2px navy;background-color:green;}
> #nav:hover {border:solid 2px back;background-color:yellow;}
> </style>
>