Ankündigung

Einklappen
Keine Ankündigung bisher.

Hilfe bei Verwendung von Füllfarbe in tpl_search_header.php

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Hilfe bei Verwendung von Füllfarbe in tpl_search_header.php

    Ich möchte den Hintergrund im .search-header gerne über das css einfach mit weißer Farbe füllen.
    Zur Zeit habe ich ein data-uri integriert.
    Ich möchte keine .gif dafür verwenden.
    Der Abschnitt in der tpl_search_header.php sieht zur Zeit so aus:

    Code:
    $content .= '<div class="search-header-input">'. zen_draw_input_field('keyword', '', 'size="6" maxlength="42" style="width: 430px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '</div><input class="button-search-header" type="image" src="data:image/gif;base64,"[...]" value="Serch" />' /*. zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON)*/;
    In der stylesheet.css sieht es zur Zeit wie folgt aus:

    Code:
    .search-header-input{background:#ffffff; no-repeat left top;margin:0 0 0 68px;height:30px;padding:3px 3px 0 5px;float:left}

    #2
    gib mal bitte mehr infos. Link und bild, was du ändern möchtest. Ich helfe dir gern, mag das Ganze aber nicht zusammensuchen.

    Kommentar


      #3
      Hallo amatoris,
      ich möchte den weissen Bereich (s. Anhang), der von Haus aus ein .gif ist, zur Zeit als Data Uri realisiert wird, ab sofort am liebsten über css als einfache Farbe #ffffff realisieren.

      Der Link zum Shop ist www.roller-aus-blech.de
      Angehängte Dateien
      Zuletzt geändert von Ladenbesitzer; 24.08.2015, 12:29.

      Kommentar


        #4
        Das ist kein Bild, kann es jedenfalls nicht als solches erkennen. Das ist ein vom Browser vorgegebener Farbwert.

        Wie du am Bild siehst, kann man diesen auch ändern.

        Grundsätzlich empfehle ich ja jedem, die user agent stylesheets zu definieren, da diese in jedem Browser anders dargestellt werden. Siehe gerade die Unterschiede bei den Eingabefeldern zwischen IE und Chrome

        Angehängte Dateien

        Kommentar


          #5
          Die Zuordnung in der stylesheet.css funktioniert.
          Im Quelltext ist das Data Uri noch allerdings noch angezeigt. Es wird also noch über die tpl_search_header.php geladen
          Es ist damit leider nicht getan.
          Der relevante Abschnitt in der tpl_search_header.php ist rot markiert

          Code:
          $content .= '<div class="search-header-input">'. zen_draw_input_field('keyword', '', 'size="6" maxlength="42" style="width: 430px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '</div><input class="button-search-header" [COLOR=#ff0000]type="image" src="data:image/gif;base64,"[...]"[/COLOR] value="Serch" />' /*. zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON)*/;
          In der CSS Validierung entsteht durch den Eintrag in der stylesheet.css ein Fehler.
          Hier der Eintrag in der stylesheet.css:

          Code:
          .search-header-input{background:#ffffff; no-repeat left top;margin:0 0 0 68px;height:30px;padding:3px 3px 0 5px;float:left}
          Die Fehlermeldung der CSS Validierung:

          Zuletzt geändert von Ladenbesitzer; 24.08.2015, 13:22.

          Kommentar


            #6
            Das ist das Bild mit der Lupe. Das möchtest du doch sicher nicht weg haben oder?

            Angehängte Dateien

            Kommentar


              #7
              Du hast recht!

              Dann bleibt das so!

              Ich habe jetzt gelernt, dass ich mir im Firefox bei der Quelltextansicht die Data Uris ansehen kann.

              dank dir für deine Unterstützung!
              Zuletzt geändert von Ladenbesitzer; 24.08.2015, 13:27.

              Kommentar


                #8
                mache das doch mal so:

                Code:
                [COLOR=#333333].search-header-input{
                background-color: #fff; 
                margin:0 0 0 68px;
                height:30px;
                padding:3px 3px 0 5px;
                float:left;
                }[/COLOR]
                da du kein Hintergrundbild an dieser Stelle hast, benötigst du auch das no repeat nicht.

                Kommentar


                  #9
                  vergiss das Semikolon hinter float: left nicht!!!!!

                  Kommentar


                    #10
                    Danke!
                    Habe ich übernommen

                    Kommentar

                    Info zu diesem Forenarchiv:
                    Mit Release von 1.5.7 wurde die deutsche Zen Cart Version auf eine reine DIY-Lösung umgestellt.
                    Für einen Support via Forum stehen keine personellen und zeitlichen Ressourcen mehr zur Verfügung.
                    Dieses Supportforum bleibt im Nur-Lesen-Modus als Wissensarchiv noch online verfügbar.
                    PM Funktionalität, Registrierung und Posten neuer Beiträge sind deaktiviert.
                    Zugriff auf Anhänge in den Postings ist auch ohne Registrierung/Einloggen möglich.
                    FAQ und Downloadbereich des Forums wurden in die neue umfangreiche Knowledgebase auf der zen-cart-pro.at Website übernommen.

                    Das Development der deutschen Zen Cart Version geht wie bisher auf Github weiter.
                    Wir werden auch weiterhin neue Versionen bereitstellen und die Onlinedokumentation/Knowledgebase aktualisieren.
                    Fehler in der Software können auf Github als Issues gemeldet werden.
                    Follow us
                    aktuelle version
                    Zen Cart 1.5.7g deutsch
                    vom 12.12.2023
                    [Download]
                    Lädt...
                    X