Button Bild wird nicht angezeigt

[Summernoon]

Ich habe das problem das die Bilder der button nicht angezeigt werden.

hier der CSS CODE

Code: Alles auswählen

ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }

  #navigation {
  position:absolute;
  width:240pt;
  margin-top:130pt;
 
  height:300pt;
 
  }
   
#navigation li a {
     height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
   text-decoration: none;
   }   
   
#navigation li a:link, #navigation li a:visited {
   color: #888;
   display: block;
   background: url(button.gif);
   padding: 8px 0 0 30px;
   }
   
#navigation li a:hover, #navigation li a:active {
   color: #283A50;
   background: url(button.gif) 0 -32px;
   padding: 8px 0 0 30px;
   }

Hier der HTML CODE

Code: Alles auswählen

   <div id="navigation">
      <ul>
         <li><a href="1" title="1">1</a></li>
         <li><a href="2" title="2">2</a></li>
         <li><a href="3" title="3">3</a></li>

         <li><a href="4" title="4">4</a></li>
         <li><a href="5" title="5">5</a></li>
         <li><a href="6" title="6">6</a></li>   
      </ul>
   </div>

zudem kommt noch das sich die navigation am unterem Rand der Seite befindet!(wo sie natürlich nicht sein soll!

mfg
Summernoon

[Basti]

Wegen der Anordnung muss ich später mal sehen, hab ich jetzt leider nicht genug Zeit zu gehabt, das genauer anzusehen.

Das mit dem Hintergrund ist mir aber auf die Schnelle aufgefallen. Du verwendest nämlich das Attribut background in einer Weise, wie es meines Wissens nicht vorgesehen ist.
Für Hintergrundbilder nimmt man background-image: url() und zu deren Ausrichtung background-position.

Genauere Angaben zur Verwendung findest du auch hier.
Ich hoffe das hilft dir schonmal weiter

[Ingo]

Hi.
Hm, ich hab den Code mal in ein leeres XHTML-Dok gesetzt, er funktioniert in verschiedenen Browsern wie erwartet.
Die kombinierte background-Angabe (url und position in einem) ist (so SelfHTML, background) möglich, ich benutze
sie auch immer wieder.
Vllt. ist die button.gif nicht da, wo sie das Dokument erwartet, oder es gibt noch andere CSS-Angaben, die sich hier
auswirken?