Hallo Leute, ich hoffe ihr könnt mir helfen!
Ich habe ein HTML-Dokument mit Inline-CSS-Formatierungen. Weil ich mit Javascript arbeite und einzelne divs per Link-Klick ein-/ausblenden möchte, sollen diese speziellen Links der Klasse LinkHeader wie normaler Text aussehen. Ich habe noch andere Links auf der Seite, die aber erkennbar sein sollen, deshalb fällt eine allgemeine Formatierung leider weg...
Der CSS-Code:
Code
<style type="text/css">
<!--
.LinkHeader
{margin:0cm;
margin-bottom:.0001pt;
page-break-after:avoid;
background:#99CCFF;
font-size:12.0pt;
font-family:Arial;
mso-fareast-font-family:"Times New Roman";
color:black;
font-weight:bold;
}
LinkHeader:link { font-weight:bold; color:black; text-decoration:none;display: block; }
LinkHeader:visited { font-weight:bold; color:black; text-decoration:none;display: block;}
LinkHeader:focus { font-weight:bold; color:black; text-decoration:none; display: block; }
.LinkHeader:hover { font-weight:bold; color:black; text-decoration:none; display: block; }
.LinkHeader:active { font-weight:bold; color::black; text-decoration:none;display: block; }
-->
</style>
Alles anzeigen
HTML
<p class="LinkHeader"><a href="#" onClick="einblenden('FEM'); return false;">Finite-Elemente-Material</a></p>
...
<div id="FEM" style="display:inline"></div>
aber das Problem ist, die Links bleiben unformatiert. Wenn ich es allgemein definiere, sind alle formatiert.... -.-
Kann mir irgendwer sagen, was ich falsch mache?
Danke
-Darkblood