✔ a:active ?

[whiterussian]

Hallo zusammen!

Ich versteh nicht, warum mir bei diesem Code der active Link nicht so angezeigt wird, wie bei hover ...

CSS:

#navcontainer { width: 200px;
	 height: 401px;
	 padding: 0;
	 margin: 0;
	 float: left;
	 border-right: 2px solid #067446;
 }

#navcontainer ul
{
padding: -12px 0 0 0 !important;
margin: 0 0 0 10px;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navlist {
	vertical-align: middle;
}


#navlist a
{
height: 20px;
display: block;
padding: 10px 3px 3px 3px;
width: 160px;

vertical-align: middle;

}

#navlist a:link, #navlist a:visited
{

text-decoration: none;
background-color: #067446;
color: #fff;
border: 1px solid #fff;
}

#navlist a:hover, #navlist a:active, #navlist a:visited:hover
{
background-color: #fff;
color: #067446;
border: 1px solid #067446;
}

und HTML:

<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html" target="_self" title="Home">Home</a></li>
<li><a href="unser-ziel.html" target="_self" title="Unser Ziel">Unser Ziel</a></li>
<li><a href="produkte.html" target="_self" title="Produkte">Produkte</a></li>



</ul>
</div>

 

[Maik]

Hi,

das kann ich dir auch nicht sagen, denn bei mir werden die :hover- und :active-Pseudoklasse mit dem gezeigten Code einheitlich formatiert und dargestellt.

 

[whiterussian]

oder hab ich da einen Denkfehler mit a:active?

Ich möchte, wenn ich Seite z.B unser-ziel.html auf die Seite produkte.html, dass der Link Produkte permanent so dargestellt wird, wie beim hover. Brauch ich da was anderes?

 

[Maik]

:active gilt nur bei gedrückter Maustaste.

Was du benötigst, ist beispielsweise eine ID #current, die der jeweils "aktive" Link des aufgerufenen Dokuments erhält.

 

[whiterussian]

Ok, danke.
Hab ich mal wieder nettes copy + paste Training gehabt ..., lol

Das wär ja mal was, eine pseudoklasse a la a:clicked.