Andy Nail: Ein Buttons soll komplett nicht wie ein Standard Button aussehen können

Hallo zusammen,

auf einem Formular sitzen Buttons die Symbole kombiniert mit Text dargestellt werden.

Sie sollen auch in einem ganz anderen Designe dargestellt werden, so dass im Hintergrund ein blauer Verlauf dargestellt wird. An einer anderen Stelle der Seite klappt das einwandfrei, doch wird da weniger Platz benötigt und hier wird ein Abstand in der Standardfarbe dargestellt, da die Buttons größer als die Hintergrundgrafik sind. Und egal was, oder wie ich es schreibe (background-color, oder Background und gleich anschließend), die Farbe wird weiterhin angezeigt.

Also wie bekomme ich es hin?

Also Danke für Eure Mühe und freue mich auf Hilfe, und bis Dann.

Gruß Andreas

  1. Hallo,

    Also wie bekomme ich es hin?

    Indem du es richtig machst. Da du uns nicht zeigst, was du machst, können wir hier auch nicht sagen, ob bzw. was du lafsch machst.

    Gruß
    Kalk

    1. Ja Du Ok Dann die Zeile:

      <button style="width:100px" class="MenueButton" onClick="ShowAllTopLinks()"> <img id="TopHaken" src="Pictures/Hacken.png" style="width:30px; height:25px; border:0; padding-right:5px; margin:0; display:none"/><br>Nur TopLinks </button>

      OK? Ich hoffe das hilft jetzt weiter und freue mich auf Hilfe.

      Also schonmal Danke

      und Gruß Andreas

      1. Hallo Andy Nail,

        Ja Du Ok Dann die Zeile:

        Nein Du nich Ok. Die Seite bitte. Zur Not auf CodePen o.ä.

        Bis demnächst
        Matthias

        --
        Rosen sind rot.
        1. Ach Du Scheiße! Sorry!

          Ich war vorhin, nebenher beim Kochen und schaue garnicht auf die Zeile und denke nicht dran!

          Die Seite kann ich nicht zeigen, aber der css Code sollte dann doch auch schon reichen, oder nicht:

          .MenueButton { background: url('Pictures/MenueButton.jpg'); background-color: #a020f0; height:55px; width:90px; margin:0; float:left; visibility:visible; display:button}
          
          

          Und klar das ich da jetzt schon länger dran rum experimentiere! Also nochmals das ich mich auf alles freue was mir da weiterhelfen würde.

          Und daher schon jetzt mein Danke für Eure Mühe

          Mit Gruß Andreas

          1. @@Andy Nail

            Die Seite kann ich nicht zeigen, aber der css Code sollte dann doch auch schon reichen, oder nicht:

            Nö, reicht nicht.

            LLAP 🖖

            --
            “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
          2. Hallo Andreas,

            Die Seite kann ich nicht zeigen, aber der css Code sollte dann doch auch schon reichen

            Du kannst ein anonymisiertes Beispiel bereitstellen, bei dem das Problem ebenfalls auftritt, idealerweise auf CodePen oder bei irgendeinem kostenlosen Webhoster. Es kann auch gut sein, dass der Fehler gar nicht in dem von dir für relevanten und gezeigten Code liegt, sondern im Drumherum.

            Glaub mir, es kommt letztlich auch dir zu Gute, wenn sich die Forumsteilnehmer direkt mit der Problemlösung beschäftigen können, anstatt erst aus dem Code aus verschiedenen Postings dein Problem nachbauen müssen.

            Gruß
            Julius

            --
            Verallgemeinerungen sind immer schlecht!
      2. Hallo,

        Ich hoffe das hilft jetzt weiter und freue mich auf Hilfe.

        Naja, nicht wirklich. Du zeigst CSS als Style-Attribut, besser wäre eine zentralere Einbindung. Desweiteren vergibst eine ID, in der von einem Haken die Rede ist, aber bindest ein Bild ein, wo es wohl um Hacken geht. Und dann blendest du dieses Img mit display:none wieder aus.
        Und von Background ist in deinem Schnipsel auch nix zu lesen

        Mit anderen Worten: ich weiß weder was du da machst, noch was du eigentlich möchtest.

        Gruß
        Kalk

        1. @@Tabellenkalk

          Mit anderen Worten: ich weiß weder was du da machst, noch was du eigentlich möchtest.

          Das hat Tradition: „Ich denke halt mal wieder jegliche Angaben bereits gemacht zu haben.“

          LLAP 🖖

          --
          “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory