Beiträge von Quaksel70

    Hallo, ich habe ein Problem bei der Einbindung meiner CSS-Datei im meine HTML-Datei. Ich habe alles versucht... aber es möchte einfach nicht funktionieren. Mir wenn ich die Datei im Explorer ausgebe wird mir einfach nicht angezeigt außer die "h1" Überschrift.

    Hier meine Quelltexte:

    HTML Quelltext:

    <!DOCTYPE html>

    <html lang="de">

    <head>

    <title> Test </title>

    <link rel="stylesheet" type="text/css" media="screen" href="style.css">

    </head>

    <body>

    <div id="box1">

    <h1>Test</h1>

    </div>

    <div id="box2">

    </div>

    <div id="box3">

    </div>

    <div id="box4">

    </div>

    <div id="box5">

    </div>

    </body>

    </html>


    und hier mein CSS-Quelltext:

    body{

    margin: 0;

    padding: 0;

    }

    box1{

    height: 100vh;

    width: 100%;

    background-image: url(ls.JPG);

    background-size: cover;

    display: table;

    }

    box2{

    height: 100vh;

    width: 100%;

    background-image: url(hw.jpg);

    background-size: cover;

    display: table;

    }

    box3{

    height: 100vh;

    width: 100%;

    background-image: url(ls.JPG);

    background-size: cover;

    display: table;

    }

    box4{

    height: 100vh;

    width: 100%;

    background-image: url(hw.JPG);

    background-size: cover;

    display: table;

    }

    box5{

    height: 100vh;

    width: 100%;

    background-image: url(hg.JPG);

    background-size: cover;

    display: table;

    }

    h1{

    font-size: 50px;

    color: white;

    margin: 0px;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    }


    Hoffe mir kann jemand helfen :)