Auf Thema antworten

Beitrag

[QUOTE="TheRedMarble, post: 13173, member: 4483"]
Guten Tag!

Habe hier ein seltsames Phänomen.

Ich habe immer im Body ganz oben eine weiße Zeile. Wie bekomme ich die weg?

Wenn ich "[CODE]<!DOCTYPE html>[/CODE]" weglasse, dann verschwindet der weiße Abstand - dürfte aber nicht Sinn der Sache sein.

Grüße von der Murmel! :)

index.html
[CODE]<!DOCTYPE html>
<html lang="de">

<head>
       
        
        <title>Hello Java World!</title>
       
        
        <meta charset="utf-8" />
   
        
        <link rel="stylesheet" type="text/css" href="styles.css" />
       
        
        <script language="javascript" type="text/javascript" src="index.js"></script>
       
    </head>

<h1>Hallo Java Welt!</h1>

<button name="btnJsAction" onclick="btnJavaScriptAction()">Hier klicken</button>

<p id="javaScriptAction">Diese Zeile ändert sich beim Klick auf den Button</p>
           
        </div>
   
    </body>
   
</html>[/CODE]

index.js
[CODE]function btnJavaScriptAction() {
    document.getElementById("javaScriptAction").innerHTML = "Der Button wurde gedrückt!";
}[/CODE]

styles.css
[CODE]@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200&display=swap');

:root {
    --myFont: Raleway;
    --myWeightHeadlines: 100;
    --myWeightTexts: 200;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100vh;
}

.mainContainer {
    height: 100%;
    background-image: linear-gradient(90deg, #f4fa58 0%, #dba901 100%);
}

h1 {
    font-family: var(--myFont);
    font-weight: var(--myWeightHeadlines);
}

p {
    font-family: var(--myFont);
    font-weight: var(--myWeightTexts);
}[/CODE]
[/QUOTE]

Authentifizierung