a:link, a:visited { line-height wird ignoriert…

[felicks]

sobald der link geklickt wurde, wird die line-height ignoriert unter visited… sollte wie nachfolgend zu sehen ist, nach dem klick immernoch 52px (visited) betragen, jedoch rutschen mir die links im div «sidebar» nach oben. wo liegt der fehler?

#sidebar {
 float: right;
 height: 485px;
 width: 240px;
 z-index: 1;
        line-height: 52px;
 background-image: url(images/navi-back.png);
 background-repeat: repeat;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #FFFFFF;
 padding-top: 25px;
}

#sidebar a:link, a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 color: #FFFFFF;
 font-size: 11px;
 letter-spacing: 2px;
 padding-left: 8px;
 line-height: 52px;
}

#sidebar a:hover {
 text-decoration: none;
 color: #CC0000;
}

#subnavi {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style: italic;
 line-height: 11px;
 text-decoration: none;
 color: #FF0000;
 font-size: 11px;
 letter-spacing: 2px;
 float: right;
 width: 150px;
 z-index: 1;
 padding-top: 46px;
 text-align: right;
 padding-right: 25px;
}

#subnavi a:link, a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style: italic;
 line-height: 11px;
 text-decoration: none;
 color: #FFFFFF;
 font-size: 11px;
 letter-spacing: 2px;
 text-align: right;
}
#subnavi a:hover {
 text-decoration: none;
 color: #CC0000;
 text-align: right;
}

[felicks]

hier noch der html-code:

<div id="container">
<div id="sidebar">
<a href="#" target="_self">link1</a><br>
<a href="##" target="_self">link2</a><br>

<a href="###" target="_self">link3</a><br>
<a href="####" target="_self">link4</a><br>
<a href="#####" target="_self">link5</a><br>
<a href="######" target="_self">link6</a><br>
</div>

<div id="subnavi">
<a href="########" target="_self">test</a><br/>
CYBERVIKING<br/>

<a href="##########" target="_self">test 2</a><br/>
</div><div id="eintrag">
<p>content</p>
</div>

[noscript]

#sidebar a:link, a:visited {

ich vermute mal, du meinst das a:visited innerhalb von #sidebar?

dann solltest du schreiben
#sidebar a:link, #sidebar a:visited {

möglicherweise behebt das ja schon dein Problem

[felicks]

exakt, das war wohl der fehler!!
Vielen dank!

#sidebar a:link, a:visited {
ich vermute mal, du meinst das a:visited innerhalb von #sidebar?

dann solltest du schreiben
#sidebar a:link, #sidebar a:visited {

möglicherweise behebt das ja schon dein Problem

[Cheatah]

Hi,

#sidebar a:link, a:visited {

dieser Selektor ist zu 100% identisch mit

a:visited, #sidebar a:link {

und zu 99%[1] identisch damit, die beiden folgenden Regeln anzugeben:

#sidebar a:link { ... }
a:visited { ... }

Ist es das, was Du willst?

Cheatah

[1] Der Unterschied ist, dass der Client dann, wenn er einen Selektor-Teil nicht versteht, bei der Komma-Schreibweise _beide_ Selektoren ignoriert, bei zwei separaten Regeln nur diejenige, bei der er ein Problem feststellt.