Hallo alle zusammen,
Ich bin neu hier und arbeite an meiner Webseite.
Wie schon Im Title beschrieben habe ich keine ahnung warum das H1 und der paragraph unterstrichen ist und habe auch schon text-decoration: none; . Vergeblich.
Vielleicht koennte einer von euch mal mein code durchschauen und mir vielleicht weiterhelfen ich bin echt ratlos.
HTML
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Willst Du Frauen Kennenlernen?</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<meta charset="utf-8">
<meta name="viewport" content="width=divice-width">
<meta name="description" content="Wenn Du Frauen Kennenlernen Willst Musst Du Diese Seite Sehen!">
<meta name="keywords" content="Frauen kennenlernen">
<meta name="author" content="Michael Nasr">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<img src="./img/LogoMakr_0XUxKz.png" alt="HolSieDir Logo" height="35" width="120">
</div>
<nav>
<ul>
<li><a href="index.html">Home</li>
<li><a href="#">Diese Seite</li>
<li><a href="#">Was Tun?</li>
</ul>
</nav>
</div>
</header>
<div class="box">
<div class="headerbottom">
</div>
</div>
<div class="headline">
<h1>Willst Du Frauen Kennenlernen Wie Im Unteren Video?</h1>
<h3>Schau Dir Das Video Bis Zum Ende An...</h3>
</div>
<div class="container1">
<div class="c-video">
<video class="video" src="./video/promo.mp4" controls></video>
</div>
</div>
<div id="button">
<button id="btn1">Zu Pierres Webseite</button>
</div>
</body>
</html>
Dies ist die index
body{
margin: 0;
padding: 0;
}
header {
background: ;
color: #b38f00;
padding-top: 15px;
min-height: 50px;
}
.headline {
text-decoration: none;
}
header a {
color: #b38f00;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
text-shadow: 10px 4px 8px yellow;
}
header ul {
margin: 0;
padding: 0;
}
header li {
float: left;
display: inline;
padding: 0 20px 0 20px;
}
header #branding {
float: left;
margin-top: 5px;
margin-left: 2%
}
header nav {
float: right;
margin-top: 25px;
}
.container1 {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.video {
width: 100%;
}
.c-video {
width: 100%;
max-width: 800px;
position: relative;
overflow: hidden;
}
.videotitle {
position: absolute;
left: 0;
right: 0;
margin: auto;
/*z-index: 100;
top: -50%;*/
}
#button {
text-align: center;
margin-top: 0;
}
#btn1 {
border: 1px solid black;
background: none;
padding: 10px 20px;
font-size: 20px;
font-family: "montserrat";
margin-bottom: 50px;
}
dies is die css Ich hoffe das mir einer weiterhelfen kann.
vielen dank im vorraus.
l.g. Kamikasa