nicht angemeldet
Danke.
Dann kann es damit eigentlich nichts zu tun haben. Die Schriftdeklaration (Farbe, Größe) hat in meinem Markup (aus mir unerfindlichen Gründen) keine Auswirkung.
html {
background: #9D9E9E;
}
body {
background: #9D9E9E;
max-width: auto;
margin: 0;
padding: 0;
}
main {
position: relative;
}
svg {
background: #9D9E9E;
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0;
height: 208px;
margin: 0;
}
#logo {
background-image: url(images/Logo.png);
z-index: 2;
width: 1437px;
height: 208px;
position: absolute;
top: 0;
left: 0;
margin: 0;
border: 0;
}
/* Navigation Listenelemente */
nav {
background-color: #4D4D4D;
position: absolute;
color: white;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
width: 1024px;
height: 49px;
top: 208px;
left: 448px;
border: 0px solid black;
border-radius: 0 0 7px 7px;
}
nav > ul {
text-align: center;
width: auto;
margin: 0;
padding: 0;
border: 0px solid red;
}
nav > ul > li {
display: inline-block;
list-style: none;
margin: 0;
padding: .2em;
border: 0px solid white;
}
/* Navigation Navicon */
/*button {
color: white;
vertical-align: bottom;
}
a {
text-decoration: none;
}
main > :nth-child(7n+2) {font-size: .5rem; }
main > :nth-child(7n+3) {font-size: 1rem; }
main > :nth-child(7n+4) {font-size: 1.2rem; }
main > :nth-child(7n+5) {font-size: 1.5rem; }
main > :nth-child(7n+6) {font-size: 1.8rem; }
main > :nth-child(7n+7) {font-size: 2rem; }*/
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="description">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Geänderte Darstellung für mobile Endgeräte -->
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<title>TITEL DER WEBSITE</title>
</head>
<body>
<main>
<svg viewbox="0 0 100% 208">
<defs>
<linearGradient id="verlauf" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#5C5C5C"></stop>
<stop offset="41%" stop-color="#5C5C5C"></stop>
<stop offset="67%" stop-color="#767776"></stop>
<stop offset="100%" stop-color="#5C5C5C"></stop>
</linearGradient>
</defs>
<rect id="eins" x="0" y="0" width="100%" height="208" fill="url(#verlauf)"></rect>
</svg>
<div id="logo"></div>
<nav>
<ul>
<li><a href="#">Seite 1</a></li>
<li><a href="#">Seite 2</a></li>
<li><a href="#">Seite 3</a></li>
<li><a href="#">Seite 4</a></li>
<li><a href="#">Seite 5</a></li>
<li><a href="#">Seite 6</a></li>
</ul>
</nav>
</main>
</body>
</html>
Wo ist denn da mein Fehler? Es ist auch egal, ob die Textdeklaration im NAV, NAV UL oder NAV IL steht.
Matthias Scharwies
Tabellenkalk
Matthias Apsel
Gunnar Bittersmann