Hilfe Dialog (über Firefox)

  • Firefox-Version
    95.0.2
    Betriebssystem
    Windows 11 (64bit)

    Moin,

    ich habe ein bisschen gebastelt und bin dabei an meine Grenzen gestoßen.

    So sieht es im Moment aus:

    Dafür nutze ich diesen Code:

    Nun habe ich mal alle überflüssigen Einträge, dass heißt alles was als margin angesprochen wird, entweder entfernt oder konsequent in padding geändert.

    Dabei ist folgendes Ergebnis herausgekommen:

    Hierzu sieht der Code so aus:

    Dadurch sind mir in den Kästchen einige Icons verrutscht und das obere Kästchen ist extrem groß.

    Im Moment weis ich nicht, wo ich ansetzten muss, um dieses so, wie im oberen Bild hinzubekommen.

    Freundliche Grüße
    Barbara

    ____________

  • das obere Kästchen ist extrem groß.

    Teste bitte mal:

    Im obigen Code sind noch Fehler enthalten.

    In Zeile 18, 28, 39 sind padding Werte mit - (Minus) enthalten.

    Das gibt es nur für margin Werte, haben somit also keine Funktion.

    Bitte also für dich dann noch anpassen, sollte es Probleme mit dem Abstand geben.

    In Zeile 274 -278 fehlte jeweils am Ende das Komma, das habe ich eingefügt.

  • Der Code aus #24 enthält dann wieder margin und padding Werte.

    Habe irgendwo gelesen, das die Margin-Werte eigentlich überflüssig sein sollen.

    Oder habe ich da was falsch interpretiert.

    Muss dann nochmal basteln im bestehenden Code.

    Freundliche Grüße
    Barbara

    ____________

  • das die Margin-Werte eigentlich überflüssig sein sollen.

    Das kann man so nicht sagen.

    Die brauchst du z.B. wenn du einen Abstand einfügen willst.


    basteln im bestehenden Code.

    Mit freundlichem Gruß
    Andreas
    Mein Laptop    Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (30. Dezember 2021 um 13:26) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.

  • Ich habe mich jetzt für den Code aus #24 entschieden und den angepasst (wegen runder Ecken und der Schriftart).

    Sieht zwar vom Aufbau her anders aus, hängt wahrscheinlich, so vermute ich, mit Nightly zusammen.

    Der Code macht, was er soll, das ist wichtig und zählt.

    Sieht so aus, wie ich es haben möchte. Danke für die Hilfe:thumbup:

    Freundliche Grüße
    Barbara

    ____________

  • Danke für die Blumen ;)

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • :thumbup:

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • So, zum neunen Jahresstart gleich nach Hilfe anfragen.

    Ich habe mir dieses ein wenig angepasst, heißt ein wenig aufgehübscht:

    Was ich leider nicht hinbekomme mit diesem Code:

    Bei hover tanzen die Icons, was mich stört. Ich hätte sie gerne an ihrer Positon belassen und die Schrift ist mir ein wenig zu klein. Da ich Courier nicht mag, habe ich diese Schriftart, ebenso wie die Rundungen rausgenommen.

    Freundliche Grüße
    Barbara

    ____________

  • Bei hover tanzen die Icons,

    Du musst bei hover auch die Werte eingeben.

    Beispiel:

    Wenn du allerdings das gleiche Icon nimmst, dann reicht das bei hover aus:

    CSS
        [href='about:license']:hover
        {       
            color: white !important;
        }

    die Schrift ist mir ein wenig zu klein.

    Meinst du die in den Button?

    Wenn ja, dann teste bitte:

    CSS
    .text-link,
    label.bottom-link {
        font-size: 17px !important;
    }