Sobald <a> tag hinzugefügt wird verkleinert sich der Registrieren Button?

Hey also jeweils die ersten beiden Bilder zeigen wie ich es haben möchte und die letzten beiden was passiert sobald ich dies umsetze. Es klappt nicht dass der Registrieren Button auf normaler größe bleibt, sobald ich die angehängte HTML Datei in den Code tippe, schrumpft der Button. Hat irgendwer eine erklärung und ggf auch lösung.

Edit: liegt wohl nicht am A tag

Comments

[fuechs]

Versuch es mal ohne das doppelte </a>

[MichaelJaxxen]

Nein das ist es nicht.

[fuechs]

Es sollte sowieso nur einer da sein. Überschreibst du a vllt im CSS-Code?

[MichaelJaxxen]

Nope das is es nicht

Answer 1

[MeoseK]

Fehlerhafter Code...

Wenn du deinen <a> Tag erstellst, hast du anschließend 2 schließende Tags. Eins vor dem Button und eines nach dem Button. Das nach dem Button muss weg. Es macht nämlich gar keinen Sinn, dass ein Button in einem <a> Tag drinnen ist.

Warum der Button kleiner wird?

1. Wegen dem Fehlerhaftem Code. Wenn du einen schließenden Tag zu viel hast, wird alles zerspringen.
2. Weil der Button in dem a-Tag drinnen ist. <a> hat standardmäßig display: inline und wird somit nur so breit, wie es sein muss, dh. so viel Breite wie das Wort "registrieren" braucht.

Comments

[MichaelJaxxen]

Hab jetzt alles überprüft. Das </a> ist jetzt weg

Aber wie kann ich das Href in den Button einbauen. Also ich brauche ja einen Bezug zur HTML Datei.

Danke für die Hilfe.

[MeoseK]

@MichaelJaxxen

Du kannst den Button dafür verwenden, mit JavaScript und der onclick Property. Wenn du noch kein JavaScript kannst, dann verwende einfach den <a> Tag statt dem <button> Tag und stylisiere den a-Tag mit CSS, sodass es wie ein Button aussieht (display;border-radius,text-align,background-color)

[MeoseK]

@MeoseK

Und wenn du beide behalten möchtest, also einen a-Tag und einen Button, dann packst du sie in eine div und gibst der div display: flex; und flex-direction: column

[MichaelJaxxen]

@MeoseK

WOW okay vielen dank