Ashura: Farbige "Kästen" vor Aufzählungen ähnlich wie <ul>

Beitrag lesen

Hallo Conny.

Dann mach dir doch ein größeres list-style-image!

Ich würde gerne auf Grafiken verzichten. Gibt es da keine anderen Möglichkeiten?

Durchaus. Aber im IE funktioniert es wieder einmal nicht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
  <head>  
    <title>Farbige Listenpunkte</title>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
    [code lang=css]ul{list-style-type:none;margin:0;padding:0;}  
    li#foo:before{content:"■ ";color:red;}  
    li#bar:before{content:"■ ";color:blue;}  
    li#baz:before{content:"■ ";color:green;}  
    li#qux:before{content:"■ ";color:purple;}

</style>
  </head>
  <body>
    <ul>
      <li id="foo">Foo</li>
      <li id="bar">Bar</li>
      <li id="baz">Baz</li>
      <li id="qux">Qux</li>
    </ul>
  </body>
</html>[/code]

Einen schönen Montag noch.

Gruß, Ashura

--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Opera Mini on Treo
Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]