mouseover issue

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
When move the mouse cursor over the navbar (e.g.
"Kontakt") not the whole button changes color. There is
a part on the left that stays dark blue.

How can I change that?



Re: mouseover issue

Quoted text here. Click to load it

You have spaces between your <li>s:
        <li><a href="#">Dienstleistungen</a></li>
        <li><a href="#">Kontakt</a></li>
That space is between the 'buttons' and hence doesn't change colour.
Delete the space in the HTML to delete the space on the page.


"My theories appal you, my heresies outrage you,
 I never answer letters and you don't like my tie."  - The Doctor

Re: mouseover issue

Steve Pugh schrieb am 20.01.2005 20:52:
Quoted text here. Click to load it

That means putting it all on one line? Like this:
<li><a href="#">D</a></li><li><a href="#">K</a></li>

Thanks! It works, but is that the only solution?
Doesn't look very nice with long lists...

I used HTML Tidy to tidy up the code and it always puts
each <li> on a seperate line.


Re: mouseover issue

I don't know if this is the best possible fix , but you could use the
following instead of removing the spaces:

li a
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
border-left: 1px solid #fff;

This also solves a problem with missing borders when resizing the
window I think.

Re: mouseover issue

Quoted text here. Click to load it

An alternative:

Quoted text here. Click to load it


Site Timeline