Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #15180

Re: Button mouseover is spotty

Show key headers only | View raw

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>
> 

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Button mouseover is spotty Bint <bint@ign.com> - 2012-07-24 14:37 -0500
  Re: Button mouseover is spotty "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2012-07-24 20:52 +0000
    Re: Button mouseover is spotty Bint <bint@ign.com> - 2012-07-24 15:56 -0500
    Re: Button mouseover is spotty Bint <bint@ign.com> - 2012-07-24 16:03 -0500
      Re: Button mouseover is spotty RobG <rgqld@iinet.net.au> - 2012-07-31 19:33 -0700

csiph-web