hawkmaster: Option Value mit .gif nicht erlaubt?

Hallo zusammen,

es geht um folgendes Beispiel:

http://aktuell.de.selfhtml.org/artikel/css/optionbilder/

Wenn ich bei mir den value anstatt "deutschland" und "irland" nach "deutschland.gif" und "irland.gif" ändere, wird kein Bild mehr in der SelectBox angezeigt.

Gibt es hier eine Einschränkung wie der value auszusehen hat?

  
<style type="text/css">  
<!--  
  
    option[value=deutschland.gif]:before { content:url("de.gif"); }  
    option[value=irland.gif]:before { content:url("ie.gif"); }  
  
-->  
</style>  
</head>  
<body>  
    <table>  
        <tr>  
            <td>Länderauswahl</td>  
            <td>  
                <select>  
                    <option value="irland.gif">Irland</option>  
                    <option value="deutschland.gif">Deutschland</option>  
                </select>  
  
  

vielen Dank und viele Grüße
hawk

  1. Om nah hoo pez nyeetz, hawkmaster!

    Wenn ich bei mir den value anstatt "deutschland" und "irland" nach "deutschland.gif" und "irland.gif" ändere, wird kein Bild mehr in der SelectBox angezeigt.

    Gibt es hier eine Einschränkung wie der value auszusehen hat?

    <style type="text/css">
    <!--

    option[value=deutschland.gif]:before { content:url("de.gif"); }
        option[value=irland.gif]:before { content:url("ie.gif"); }

    -->

    Verwende Anführungsstriche: [code lang=css]option[value="deutschland.gif"]:before { content:url("de.gif"); }

      
      
    Matthias
    
    -- 
    1/z ist kein Blatt Papier.  
    ![](http://www.billiger-im-urlaub.de/kreis_sw.gif)  
    
    
    1. @@Matthias Apsel:

      nuqneH

      Verwende Anführungsstriche: option[value="deutschland.gif"]:before { content:url("de.gif"); }

      Und die Erklärung dazu.

      Bei 'content:url(de.gif)' können die Anführungszeichen übrigens weggelassen werden.

      Qapla'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)