mouseover issue

[chlori]

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?

HTML: http://www.arto.ch/tests/thinklab/index3.php
CSS: http://www.arto.ch/tests/thinklab/style3.css

 

[Steve Pugh]

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?

HTML: http://www.arto.ch/tests/thinklab/index3.php
CSS: http://www.arto.ch/tests/thinklab/style3.css

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.

Steve

 

[chlori]

Steve Pugh schrieb am 20.01.2005 20:52:

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.

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.

 

[floele]

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

li a
{
margin-left:-0.5em;
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.

 

[Spartanicus]

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

An alternative:

<ul