5 Button Designs, die jeder Webentwickler kennen sollte - HTML & CSS Tutorial - Deutsch

Поділитися
Вставка
  • Опубліковано 27 сер 2024

КОМЕНТАРІ • 13

  • @solusquinto3086
    @solusquinto3086 2 роки тому +1

    Genau wonach ich gesucht habe! Vielen Dank für das gut erklärte Video!

    • @DevPlanetGermany
      @DevPlanetGermany  2 роки тому

      Danke für das Feedback! Es freut mich sehr, dass dir das Video gefällt :)

  • @guli670
    @guli670 2 роки тому +1

    Danke für das Video ,sehr gut erklärt, verständlich und einfach.

  • @Saftiges_Brot
    @Saftiges_Brot 2 роки тому +1

    Ok, das Video ist extrem gut. Super erklärt und hat zudem viele Fragen die ich hatte beantwortet =)

  • @prdxqde8151
    @prdxqde8151 Рік тому +1

    Danke Danke du hast mir so geholfen mach weiter so ein MEGA geiles Video ❤

  • @manolol1119
    @manolol1119 3 роки тому +1

    Danke für das Video! Wiedermal viel gelernt :)

  • @lukasxyz
    @lukasxyz 3 місяці тому

    tolles video wie können wir die buttons jetzt untereinander zentrieren?

  • @pyrofreak6334
    @pyrofreak6334 2 роки тому +1

    wie kann ich die buttons denn jetzt als link verwenden und auf die Webseite einfügen?

    • @DevPlanetGermany
      @DevPlanetGermany  2 роки тому

      Dazu habe ich bereits ein Video veröffentlicht. Schau mal hier: ua-cam.com/video/IwzQw-oDzlg/v-deo.html

  • @lucam.2968
    @lucam.2968 2 роки тому +1

    Hallo also das 1:1 nachbauen hat nicht ganz funktioniert zwischendurch - das Endergebnis schon
    Es war etwas problematisch und ich versuche es hier so gut wie mögl. zu erklären (mach des noch nicht allzu lange)
    (MacOs - Safaribrowser - VS Code)
    Der Aufbau der html Datei kein Problem
    bei der css Datei folgende Probleme:
    bei der Zuordnung für den Behälter wird der Text verkürzt also rechts abgeschnitten. Es ist so, dass der div behälter sich wie ein Wrapper verhält und nicht den ganzen text darstellt (gut er ist hier auch eingeschränkt bei 50% -bei 70% bekomme ich erstmal ein gut leserliches Ergebnis. Bei 50% kann ich nicht mehr diplay:flex; benutzen ohne den Text zu beschneiden)
    Setze ich nun .button ein - ist auch hier width zu wenig mit 50%. Die Schrift ist teilweise rechts abgeschnitten. Aber des ist nicht alles; wenn ich das Padding einsetze dann existiert die Box mit der Schrift nicht mehr, obwohl die Buchstaben da sind. Hab dies im Entwicklertool nachgesehen. Was völlig irritierend ist. - also ein 1:1 mitmachen war für mich so erstmal nicht mögl.
    Aber nun zur guten Nachricht: mache ich weiter mit dem code - gebe den buttons als auch die spezifische Klasse hinzu geht alles am Ende- obwohl hier ja nur mit Borders und Farben gehandhabt wird (was auch eigentlich wenig Sinn macht…). aber zum Schluss ist ja alles leserlich und das Padding macht wieder Sinn.
    Alles? Nicht ganz; bei .button muss ich (auch bei copy paste der Vorlage) hinzufügen damit >einfacher Button< keinen Zeilenumbruch bei der Leertaste tätigt
    Ansonsten - die Tutorials sind hervorragend!!! (auch dieses ;))

    • @lucam.2968
      @lucam.2968 2 роки тому

      Hinzufügen muss ich : white-space:nowrap; damit kein Zeilenumbruch bei der Leertaste entsteht

    • @DevPlanetGermany
      @DevPlanetGermany  2 роки тому

      Danke für den Hinweis, da muss ich bei Gelegenheit mal nachschauen, was da schiefgeht :)