Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Image position ueber CSS aendern

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Image position ueber CSS aendern

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      mickyboys last edited by

      Moin,

      Habe dazu keine Antwort gefunden.

      Bei vielen Widgets kann man ein Image/ Bild einfuegen. Nun sind die Images aber oft fix - Wie kann ich die Position schieben, sprich das geladene Image innerhalb des Buttons damit es zentriert oder meinen Beduerfnissen gerecht wird, am besten ueber CSS, oder?

      In meinem Fall verwende ich das ctrl-icon-widget.

      Danke,

      Axel

      1 Reply Last reply Reply Quote 0
      • Homoran
        Homoran Global Moderator Administrators last edited by

        Ist es das was du suchst?
        144_padding.jpg

        Gruß

        Rainer

        1 Reply Last reply Reply Quote 0
        • M
          mickyboys last edited by

          Moin,

          Ja genau, denke das waere genau das was ich brauche… im CSS Allgemein ist es nicht enthalten, also wohl ueber CSS, aber wie?

          Danke,

          Axel

          1 Reply Last reply Reply Quote 0
          • M
            mickyboys last edited by

            @Homoran:

            Ist es das was du suchst?

            padding.jpg

            Gruß

            Rainer `

            Funktioniert nicht.

            Also, ich habe ueber CSS den Button als Design erstellt. Bei den Widget einstellungen habe ich dann ein Bild eingefuegt, in meinem Fall ein Sender Logo. Dieses wiederum ist falsch positioniert, viel zu weit oben. Wenn ich jetzt das padding in den Einstellungen benutze aendere ich den ganzen Button und nicht nur Logo/ Icon…

            Warum muss alles so schwierig sein 😮

            1 Reply Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators last edited by

              Ich weiß nicht wo du die Probleme hast.

              Mach doch bitte mal einen Screenshot.

              Ich habe ein stinknormales Bild eingefügt.

              Mangels installierter Icon-Sets in dieser Installation habe ich das flot Logo genommen.

              Unter Allgemein kannst du die Bildgröße (Icon-Größe) ändern.
              144_padding02.jpg

              Mit dem Padding kannst du die Abstände verschieben.

              Üblicherweise ist das Icon aber zentriert, wenn die Größe zum Button passt.

              Vorübergehend wird bei "unsinnigen" Werten beim Padding auch der Button vergrößert, den kann man aber wieder verkleinern.

              und dann die Bildgröße anpassen.

              Bitte mach einen Screenshot vor dem anpassen des paddings und eines danach, damit ich nachvollziehen kann, was du machst.

              Gruß

              Rainer

              1 Reply Last reply Reply Quote 0
              • M
                mickyboys last edited by

                what??? Das Kontingent für Dateianhänge ist bereits vollständig ausgenutzt.

                Ich kann nichts mehr hochladen…

                Das padding veraendert auch meinen Button, nicht nur das Icon.

                1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators last edited by

                  @mickyboys:

                  what??? Das Kontingent für Dateianhänge ist bereits vollständig ausgenutzt.

                  Ich kann nichts mehr hochladen… `
                  Da muss @Bluefox mal nachsehen 😞

                  @mickyboys:

                  Das padding veraendert auch meinen Button, nicht nur das Icon. `
                  …und anschließend wieder mit der MAus auf die gewünschte Größe ziehen und das Icon anpassen!

                  BTW ist das icon nativ vielleicht zu groß?

                  oder hat es irgendwelche (unsichtbare) Ränder.

                  Ich habe da keine Probleme.

                  Gruß

                  Rainer

                  1 Reply Last reply Reply Quote 0
                  • M
                    mickyboys last edited by

                    Mhm, das ergibt nur ungenaue Ergebnisse. Ich frage mich wie man ueber CSS bei dem ctrl-icon widget die groesse des Icons separat zum Widget aendern kann. Ich kenne den Namen nicht ueber dem ich in CSS das padding ansteuern koennte.

                    Ueber Quelle wird es hinzugefuegt.

                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post

                    Support us

                    ioBroker
                    Community Adapters
                    Donate

                    431
                    Online

                    31.9k
                    Users

                    80.2k
                    Topics

                    1.3m
                    Posts

                    2
                    8
                    1361
                    Loading More Posts
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes
                    Reply
                    • Reply as topic
                    Log in to reply
                    Community
                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                    The ioBroker Community 2014-2023
                    logo