CSS-Styles funktionieren nur innerhalb HTML

[Kriegr]

Hallo!

In meiner CSS-Datei ist eine Klasse zur Gestaltung der Menü-Leiste:

div.menuBar {
  width: 50%;
  margin-left: 26%;
  background-color: #828ca0;
  color: #000000;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

Ohne jedoch folgende Einträge funktioniert das hier rot gekennzeichnete nicht:
div.menuBar {
width: 50%;
margin-left: 26%;
background-color: #828ca0;
color: #000000;
padding: 4px 2px 4px 2px;
text-align: left;
}
Deshalb habe ich es in meine XHTML-Datei eingebunden:

<style type="text/css">
div.menuBar {
  background-color: #828ca0;
  border-width: 0;
  background-image: url();
  width: 50%;
  margin-left: 26%;}
</style>

<div class="menuBar">
<a name="seitenanfang"><img src="grafiken/hpicon.gif" width="100" height="99" alt="Kriegr" /></a>
  <a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'fileMenu');"
    onmouseover="buttonMouseover(this, 'fileMenu');">
    Ich</a>...
</div>

Warum funktioniert es nicht, solange es nur in der CSS-Datei steht?

Nachtrag:
Ok, anscheinend spielt die Reihenfolge der Einträge in der CSS-Datei eine Rolle!?

 

[dkdenz]

Es scheint so, als wenn in der css eine Abhängigkeit /Hierarchie unterbrochen/gestört wird.
Schreibe mal das gepostete css-Snippet ganz unten in die css rein.
Vielleicht bringt's ja was.
Ansonsten musst Du checken, wo sich da zwei Anweisungen stören.

 

[Kriegr]

Guten Morgen!

Ich habe einfach ein paar zusätzliche Anweisungen eingetragen. Es gab wohl ein paar Überlagerungen. Problem soweit zunächst mal gelöst. Danke!