Frage Button CSS Code wird nicht angenommen.

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Manolol

Neues Mitglied
27 Juli 2021
1
0
1
20
Österreich
manolol.000webhostapp.com

Hallo! Ich habe eine kleine Webseite geschrieben, aber der CSS Code von den Buttons wird nicht übernommen. Weiß jemand warum?​


HTML:
HTML:
<head>
    <meta charset="utf-8"/>
    <title>Manolol</title>

    <link href="https://manolol.000webhostapp.com/styles/style.css" rel="stylesheet"/>
</head>
<body>
    <center>
        <h1 style="margin-top: 35px;">Welcome to the Manolol Homepage!</h1>
        <br>
        <h2>Click on the Links below to visit my projects!</h2>

        <h2>
            <a href="https://manolol.000webhostapp.com/manolopedia/index.html"><button class="button">Manolopedia (German)*</button></a>
            <a href="https://manolol.000webhostapp.com/tcones/index.html"><button class="button">#trafficconesmatter</button></a>
        </h2>
        <p style="margin-top: 25px;">*This site is an exercise project for me. Don't expect too much.</p>
    </center>
</body>

CSS:
CSS:
html {
    font-family: Arial;
}

body {
    background-color: rgb(226, 255, 172);
    margin-left: 15px;
}

button {
    font-size: 20px;
    font-weight: bold;
    padding: 2em 3em;
    cursor: pointer;
}
 

MrMurphy

Senior HTML'ler
28 Juli 2009
1.617
241
63
Die Angaben werden übernommen. Wenn nicht, ist der Link zu der CSS-Datei falsch gesetzt, beziehungsweise die CSS-Datei ist nicht vorhanden oder an anderer Stelle gespeichert. Das können wir aber nicht überprüfen.

Da du offensichtlich noch in der Lernphase bist gehe ich auf dein HTML nicht weiter ein.

https://www.w3schools.com/code/tryit.asp?filename=GSVKHSW3APD8
 
Zuletzt bearbeitet:

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.456
466
83
68
Button und a-href verschachtelt vertragen sich nicht gut, der Validator beanstandet das auch als Fehler. Weder so noch anders herum.
Entweder nur das a-href-Tag verwenden und durch CSS als Button gestalten oder nur ein button-Element und den Link mit Javascript aufrufen.
 

basti1012

Senior HTML'ler
26 November 2017
1.639
174
63
Minden
basti1012.de
Da du offensichtlich noch in der Lernphase bist gehe ich auf dein HTML nicht weiter ein.
Aber sagen sollte man es vielleicht doch.
<center> = Ist veraltet und sollte vermieden werden.
Das kann man mit Flexbox oder Grid machen.
Ein Button im <a> Element hat sempervivum schon was zu gesagt.
<h1 style="margin-top: 35px;">= Inline Styls solltest du auch vermeiden.Dafür gibt es die Css Datei.
Einfach dazuschreiben
Code:
h1{
margin-top:35px;
}
Und den doctype nicht vergessen.
Code:
<!doctype html>
<html lang="de">
<head>
</head>
<body>
</body>
</html>
 

Failix

Neues Mitglied
3 Mai 2021
12
1
3
50
Und wenn wir einmal dabei sind: Das <br> zwischen h1 und h2 hat auch keinen wirklichen Sinn. Du kannst der h2 ebenfalls ein margin-top verpassen, wenn Dir der Abstand sonst zu klein ist.
 
  • Like
Reaktionen: basti1012