Manolo: Grafiken in Auswahlliste nicht möglich?

SELF-Forum

Grafiken in Auswahlliste nicht möglich?

Manolo
– Informationen zu den Bewertungsregeln

Hallo,

ich wollte in einer Auswahlliste Grafiken einfügen,
z.B.
<option class="blubb" value="blabla"><img src="http://www.meinedomain.de/bildchen.gif" alt="" />Menupunkt</option>

doch das scheint nicht erlaubt zu sein, die Liste ist zwar lauffähig, die Grafiken werden allerdings nicht angezeigt.

Warum ist das so und gibt es ggf. eine Alternative?

Ich meine, ich hätte so etwas schon mal gesehen

Gruss Mano

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Grafiken in Auswahlliste nicht möglich?

    wucher wichtel
    – Informationen zu den Bewertungsregeln

    Hallo!

    Ich meine, ich hätte so etwas schon mal gesehen

    Warscheinlich sogar bei SELFHTML: http://aktuell.de.selfhtml.org/artikel/css/optionbilder/ :-)

    ciao, ww

    --
    sh:(  fo:|  ch:~  rl:(  br:>  n4:~  ie:%  mo:)  va:)  de:]  zu:)  fl:(  ss:|  ls:~  js:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Grafiken in Auswahlliste nicht möglich?

      Manolo
      – Informationen zu den Bewertungsregeln

      vielen Dank, das war´s

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. Grafiken in Auswahlliste nicht möglich?

      Manolo
      – Informationen zu den Bewertungsregeln

      Hallo,

      das Beispiel klappt nur, wenn das Bild in der gleichen Rootebene ist und value keine URL enthält.

      Ich benötige die Auswahlliste aber als Navigation, so steht in value eine URL und auch eine für den Grafikpfad.

      Wie kann ich das umschiffen?

      Gruss Mano

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Grafiken in Auswahlliste nicht möglich?

        Axel Richter
        – Informationen zu den Bewertungsregeln

        Hallo,

        das Beispiel klappt nur, wenn das Bild in der gleichen Rootebene ist und value keine URL enthält.

        Was zu beweisen wäre ;-).

          
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Testseite Graphiken in Option-Elementen</title>  
<style type="text/css">  
option#deutschland:before { content:url("http://aktuell.de.selfhtml.org/artikel/css/optionbilder/de.gif"); }  
option[value="http://www.google.de/search?q=irland"]:before { content:url("http://aktuell.de.selfhtml.org/artikel/css/optionbilder/ie.gif"); }  
</style>  
</head>  
<body>  
<p>  
 <select size="3">  
  <option id="deutschland" value="http://www.google.de/search?q=deutschland">Deutschland</option>  
  <option id="irland" value="http://www.google.de/search?q=irland">Irland</option>  
 </select>  
</p>  
</body>  
</html>

        Das funktioniert bei Dir im FireFox nicht?

        Es existiert allerdings ein Problem, wenn im Wert von value ein Semikolon enthalten ist, bspw.: value="http://www.google.de/search?hl=de&amp;q=irland". Dann funktioniert der Attribut-Selektor nicht mehr. Wie man das umgehen kann, habe ich mit dem Id-Selektor für Deutschland gezeigt.

        viele Grüße

        Axel

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln