Farbauswahl - Mehrfachauswahl in Formular mit Grafiken

[JaiMe]

Der eine Denkfehler könnte sein, dass du die ID "farbe" mehrfach vergibst. IDs müssen (wie die Bezeichnung schon aussagt) dokumentweit eindeutig sein.

Ich hatte schon einzelne IDs vergeben, aber diese nicht einzeln formatiert. Aber selbst wenn ich das mache, dann verändert sich das Bild nicht.

Der andere Denkfehler ist, dass du glaubst, dass man aus einem Screenshot erkennen könnte, was du überhaupt machst, gescheige denn, was du falsch machst.

Ich dachte eigentlich nicht, dass Du aus einem Bild meinen Fehler erkennen kannst, deswegen hatte ich Dir ja den Codeteil und den CSS-Teil gepostet.
Aber ich kann es Dir gern auch nochmal posten. Das sieht bei mir so aus.

  
      <ul id="farbe">  
        <li>Farbe  
        <br>  
  
        <input type="checkbox" name="farbe" value="weiß&szlig;" id="weiss">  
        <label for="weiss"><img align="left" src="01_wei&szlig;%20Kopie.jpg" alt="wei&szlig;">  
          </li>  
          <li>  
          <input type="checkbox" name="farbe" value="grau" id="grau">  
          <label for="grau">  
          <img align="left" src="31_grau%20Kopie.jpg" alt="grau">                                              </li>  
...  
</ul>  

und

  
#farbe{padding-left:0em;  
       font-size: 1.6em;  
       line-height:1.5em;  
       }  
#farbe input{position: absolute;  
             left: -666px;  
            }  
#weiss+label, #grau+label, #schwarz label,  
#gruen label, #mint label, #waldgruen label,  
#nachtblau label, #himmelblau label, #lila label,  
#pink label, #schokobraun label, #weinrot label,  
#knallrot label, #orange label, #gelb label,  
#gold label, #bronze label, #silber label{   background: #DDD;  
        border: 3px outset;  
        padding: 2px 5px;}  
#weiss:checked+label, #grau:checked+label, #schwarz:checked label,  
#gruen:checked label, #mint:checked label, #waldgruen:checked label,  
#nachtblau:checked label, #himmelblau:checked label, #lila:checked label,  
#pink:checked label, #schokobraun:checked label, #weinrot:checked label,  
#knallrot:checked label, #orange:checked label, #gelb:checked label,  
#gold:checked label, #bronze:checked label, #silber:checked label{  
        background: #CCC;  
        border-style: inset;}  
#farbe img{padding:0.1em;}  

Kannst Du jetzt vielleicht den Fehler erkennen und mir weiterhelfen?

JaiMe