Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] HTML Syntax für center und topmargin gesucht

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    784

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

[gelöst] HTML Syntax für center und topmargin gesucht

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
4 Beiträge 3 Kommentatoren 124 Aufrufe 2 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • metaxaM Online
    metaxaM Online
    metaxa
    schrieb am zuletzt editiert von metaxa
    #1

    Könnt ihr mir bitte sagen wie ich im Widget "basic - Bool HTML" den Text zentriert, auch von oben hinbekomme?

    1931c921-83c5-4621-90b7-02048da9bcfd-image.png
    354efe1c-0e63-4a9f-ad16-cb2b30409465-image.png
    center funktioniert, aber den Abstand von oben bekomme ich nicht hin.

    Das Ganze soll ein Knopf werden.

    Danke im Voraus!

    CodierknechtC HomoranH 2 Antworten Letzte Antwort
    0
    • metaxaM metaxa

      Könnt ihr mir bitte sagen wie ich im Widget "basic - Bool HTML" den Text zentriert, auch von oben hinbekomme?

      1931c921-83c5-4621-90b7-02048da9bcfd-image.png
      354efe1c-0e63-4a9f-ad16-cb2b30409465-image.png
      center funktioniert, aber den Abstand von oben bekomme ich nicht hin.

      Das Ganze soll ein Knopf werden.

      Danke im Voraus!

      CodierknechtC Offline
      CodierknechtC Offline
      Codierknecht
      Developer Most Active
      schrieb am zuletzt editiert von Codierknecht
      #2

      @metaxa
      Das macht man nicht mit HTML sondern mit CSS.
      HTML ist eine Auszeichnungssprache. Für die Formatierung gibt's CSS.

      Als HTML formulierst Du z.B.

      <div id="mein_knopp">W</div>
      

      Per CSS kannst Du dann formatieren

      div#mein_knopp {
        position: absolute;
        top: 8px;
        left: 8px;
      }
      

      Man müsste aber schauen, ab das übergeordnete Element relativ positioniert ist.
      Alternativ kann man auch mit margin arbeiten.

      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

      Proxmox 9.1.1 LXC|8 GB|Core i7-6700
      HmIP|ZigBee|Tasmota|Unifi
      Zabbix Certified Specialist
      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

      metaxaM 1 Antwort Letzte Antwort
      1
      • metaxaM metaxa

        Könnt ihr mir bitte sagen wie ich im Widget "basic - Bool HTML" den Text zentriert, auch von oben hinbekomme?

        1931c921-83c5-4621-90b7-02048da9bcfd-image.png
        354efe1c-0e63-4a9f-ad16-cb2b30409465-image.png
        center funktioniert, aber den Abstand von oben bekomme ich nicht hin.

        Das Ganze soll ein Knopf werden.

        Danke im Voraus!

        HomoranH Nicht stören
        HomoranH Nicht stören
        Homoran
        Global Moderator Administrators
        schrieb am zuletzt editiert von
        #3

        @metaxa sagte in HTML Syntax für center und topmargin gesucht:

        aber den Abstand von oben bekomme ich nicht hin.

        versuch es mal mit line height.
        alles andere scheint nicht zu klappen

        kein Support per PN! - Fragen im Forum stellen -
        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
        Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

        1 Antwort Letzte Antwort
        1
        • CodierknechtC Codierknecht

          @metaxa
          Das macht man nicht mit HTML sondern mit CSS.
          HTML ist eine Auszeichnungssprache. Für die Formatierung gibt's CSS.

          Als HTML formulierst Du z.B.

          <div id="mein_knopp">W</div>
          

          Per CSS kannst Du dann formatieren

          div#mein_knopp {
            position: absolute;
            top: 8px;
            left: 8px;
          }
          

          Man müsste aber schauen, ab das übergeordnete Element relativ positioniert ist.
          Alternativ kann man auch mit margin arbeiten.

          metaxaM Online
          metaxaM Online
          metaxa
          schrieb am zuletzt editiert von metaxa
          #4

          @codierknecht & @Homoran

          Danke für den Tipp! Konnte die Erklärung von @Codierknecht tatsächlich umsetzen, nur habe dann letztendlich kein richtiges Widget zum Schalten des boolen DP gefunden. Habe es jetzt anders gelöst und bin zufrieden damit!
          268b9985-4de1-44c7-b965-f26b5e940c56-image.png
          Danke!

          1 Antwort Letzte Antwort
          0

          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

          Registrieren Anmelden
          Antworten
          • In einem neuen Thema antworten
          Anmelden zum Antworten
          • Älteste zuerst
          • Neuste zuerst
          • Meiste Stimmen


          Support us

          ioBroker
          Community Adapters
          Donate

          555

          Online

          32.8k

          Benutzer

          82.7k

          Themen

          1.3m

          Beiträge
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
          ioBroker Community 2014-2025
          logo
          • Anmelden

          • Du hast noch kein Konto? Registrieren

          • Anmelden oder registrieren, um zu suchen
          • Erster Beitrag
            Letzter Beitrag
          0
          • Home
          • Aktuell
          • Tags
          • Ungelesen 0
          • Kategorien
          • Unreplied
          • Beliebt
          • GitHub
          • Docu
          • Hilfe