Beiträge von DreamShooter

DreamShooter · 20. Juni 2018

Danke, hat geklappt

DreamShooter · 20. Juni 2018

Hey,

ich hab gestern Angefangen HTML und CSS zu lernen und hab meine eigene Seite gemacht.

Jedenfalls hab ich ein Problem. Ich ändere im CSS Code die Farbe, sowie größe eines Textes, jedoch wird dies nicht übernommen.

Ich weiß, man kann es auch im HTML Code ändern, jedoch würd ich gerne wissen, weshalb es nicht klappt.

Hier die Codes:

HTML: HTML

<!DOCTYPE html>
<html lang="de"> 
<head> 
<title> GameZone </title>
<meta charset:"utf-8" name:"DreamShooter">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="Logo"> <center><a href="index.html"><img src="./game.png"></a></center> </div>
<div class="Leiste">
    <p><a href="home.html">Home</a></p> <p> <a href="uber.html">Über uns</a></p> <p><a href="bewerben.html">Bewerben</a></p> <p> <a href="impressum.html">Impressum</a></p></div>  
    <div class="Test"><p><center>Hey, dies ist nur meine Test-Website. Ich lerne grad die HTML und CSS-Basics und probiere diese hier aus :)</center> </p></div>
</body>
</html>

Alles anzeigen

Code

/*
Selektor {
    Attribut: Beispielwert11;
    Attribut2: Beispielwert444;
}
*/

html{
    font-family: Helvetica, sans-serif;
}

body {
    background-color: white;
    width: 960px;
    max-width: 90%;
    margin: 0 auto;
    
}
.Logo {

    margin: 0 auto 0 auto;
    
}
.Logo img {
    width: 400px;
}
.Leiste{
    display: flex;
    justify-content: center;
}
.Leiste p{
    font-size: 32px;
    float: left;
    margin-right: 25px;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-top: 25px
}
.Aktuell p{
    font-size: 30px;
    text-decoration: underline;
    padding-top: 5px;
    text-align: center
}
.News1 p{
    margin-top: 60px;
    text-align: left;
    font-size: 32px;
    border-left: solid;
    border-radius: 3px;
    padding-left: 6px;
}
.News1 img{
    width: 100%;
}
.NewsText1 p{
    font-size: 25px;
    border-left: solid;
    border-radius: 6px;
    padding-left: 6px;
    
}

p {
    
    color: darkblue;
}
.News2 img{
    width: 100%}
.News2 p{
margin-top: 60px;
    text-align: left;
    font-size: 32px;
    border-left: solid;
    border-radius: 3px;
    padding-left: 6px;
}
.NewsText2 p{
    font-size: 25px;
    border-left: solid;
    border-radius: 6px;
    padding-left: 6px;
    
}
.News3 img{
    width: 100%}
.News3 p{
margin-top: 60px;
    text-align: left;
    font-size: 32px;
    border-left: solid;
    border-radius: 3px;
    padding-left: 6px;
}
.NewsText3 p{
    font-size: 25px;
    border-left: solid;
    border-radius: 6px;
    padding-left: 6px;
    
}
.News4 img{
    width: 100%}
.News4 p{
margin-top: 60px;
    text-align: left;
    font-size: 32px;
    border-left: solid;
    border-radius: 3px;
    padding-left: 6px;
}
.NewsText4 p{
    font-size: 25px;
    border-left: solid;
    border-radius: 6px;
    padding-left: 6px;
    
}
a {
    text-decoration: none;
    color: darkblue;
    transition: 0.2s;
}
a:hover{
    font-size: 40px;
}
.Test p {
    font-size: 20px;
    color: red;
    padding-top: 250px;

}

Alles anzeigen

Es geht um die div-class "Test". Sie lässt sich nicht ändern. Jemand eine Idee? Danke schon mal im Vorraus

Beiträge von DreamShooter

CSS ändert Textfarbe und Größe nicht

CSS ändert Textfarbe und Größe nicht