• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Brauche hilfe bei Filebase Label

Vandorus

Neues Mitglied
Hallo, ich erstelle gerade für meine Filebase Label, die Label werden auch vom download formular auf die Download seite ausgegeben, nun wollte ich beim Label eine Background color machen, habe aber nun das problem das die Background color nicht mit auf der Download seite ausgegeben wird.

hier mal die Codes was ich bisher habe.

In der Style.css:

CSS:
select option[value="test1"] {
  background: green;
}
 
select option[value="test2"] {
  background: red;
}


dann habe ich hier das select menü vom Download einsenden Formular:

HTML:
        <label class="form-label">{__("Label / Mod oder Map?")}</label>
        <select class="form-select" name="label_01" id="label_01 label_color" required>
          <option value="">{__("Bitte wählen")}:</option>
            {foreach $labels_01 as $label_01}
                <option value="test">test1</option>
                <option value="test">test2</option>
            {/foreach}
        </select>


Und hier habe ich die ausgabe auf der download seite:

HTML:
<div class="ls19-label-mod-oder-map">{__($_post['ls19_mod']['label_name'])} {__($_post['ls19_mod'])}</div>

Das Label wird super angezeigt nur der Background nicht wenn ich das Label test1 oder test2 wähle, die Labels sollen später unterschiedliche farben haben.

Vielen dank im vorraus für eure Hilfe.
 
Irrelevant. Wie der Code am Server aussieht ist egal, wichtig ist was tatsächlich am Browser ankommt - das musst du uns zeigen.
Hab gerade den code nochmal geändert, so sollte der aussehen,
HTML:
<div class="ls19-label-mod-oder-map">{__($_post['ls19_mod']['label_name'])}</div>

Wie gesagt, das Label test steht ja auch auf der download seite, aber die Background color wird nicht angezeigt.

Bin anfänger, wie zeige ich was am browser ankommt?
 
Das hier zeigt er mir an wenn ich suche:

HTML:
<span class="main-icon"><img src="/content/themes/default/images/icons/label.png" height="32" width="32"></span> <div class="ls19-label-mod-oder-map">test1</div>

mehr kommt nicht an, also keine Background color.
 
Das kann nicht die richtige Stelle sein, denn oben schreibst du von einem Select-Element, was aber bei dem HTML-Code nicht zu sehen ist.
 
Das select element ist auch in einer anderen datei. wo man downloads einsenden kann.
Und wie genau stellst du dir das dann vor? Du willst ein option-Element färben das in der zweiten Datei überhaupt nicht existiert? Da musst du der Datei schon irgendein entsprechendes Attribut o.ä. geben und anhand dessen die Farbe entsprechend setzen - mit HTML alleine geht das allerdings nicht.

Übrigens: wenn du die Hintergrundfarbe setzt solltest du unbedingt auch die Textfarbe definieren (und umgekehrt) - je nach evtl. verwendeten Standardwerten ist u.U. sonst der Text nicht mehr lesbar.
 
Auslesen tuh ich es ja hiermit, also damit wird mir das Label ja angezeigt:

HTML:
<div class="ls19-label-mod-oder-map">{__($_post['ls19_mod']['label_name'])}</div>

Und das ist ja das select vom formulat:

HTML:
        <label class="form-label">{__("Label / Mod oder Map?")}</label>
        <select class="form-select" name="label_01" id="label_01 label_color" required>
          <option value="">{__("Bitte wählen")}:</option>
            {foreach $labels_01 as $label_01}
                <option value="test">test1</option>
                <option value="test">test2</option>
            {/foreach}
        </select>


was muss ich den ändern damit es Funktioniert?
 
Auslesen tuh ich es ja hiermit, also damit wird mir das Label ja angezeigt:

HTML:
<div class="ls19-label-mod-oder-map">{__($_post['ls19_mod']['label_name'])}</div>
Das alleine liest überhaupt nichts aus. Vermutlich wird der Teil in den geschweiften Klammern von irgendeiner Software weiter verarbeitet - da du aber nicht verrätst welche das ist, lässt sich da nicht mehr sagen.
 
Wir sollten erst einmal etwas klar stellen:

Hier geht es um Select-Elemente
CSS:
select option[value="test1"] {
  background: green;
}
 
select option[value="test2"] {
  background: red;
}

In den Problembeschreibungen redest du aber von Label. Ja was denn nun?
 
Zurück
Oben