<html>
<head>
<title>Rou4You</title>
<meta charset="UTF-8">
<link href="Website.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="Überschriftteil">
<marquee width="46%">Rou4You</marquee>
<img src="header.png" alt="Selfhtml">
</div>
<!-- Seiten Navigations Menu -->
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li>About
<ul>
<li><a href="whydidweinventit.html">Why did we invent Rou4You?</a></li>
<li><a href="whoarewe.html">Who are we?</a></li>
</ul>
</li>
</ul>
</nav>
<br>
<br>
<h1>Home</h1>
</body>
</html>
Das ist mein HTML code mit dem ich eine Menü-Leiste erstellt habe. Ich möchte die Punkte der Menüleiste anklicken können und dann auf andere HTML-Seiten gelangen. Da ich die allerdings als links angebe, sind die automatisch blau und unterstrichen und beim anklicken werden sie lila.
Hier noch mein CSS-Code:
div#Überschriftteil {font-family: Melvetica;
font-size:160px;
color: white;
}
body { background:#333 ; font-family:Melvetica}
nav {
position:absolute;
top:28%;
left:2%;
}
nav ul {
margin:0;
padding:0;
float:left;
height:38px;
box-shadow:0px 0px 32px 0px #111;
border-radius:10px;
width:auto;
}
nav ul li {
position:relative;
border-right:1px solid #222;
list-style:none;
float:left;
background:#333;
padding:10px;
width:170px;
text-align:center;
transition:all 500ms;
color:#999;
}
nav ul li:first-child { border-radius:10px 0 0 10px;}
nav ul li:last-child { border-radius:0 10px 10px 0; border:none;}
nav ul li:hover { background:#09C; color:#FFF;}
nav ul li:hover ul {height:auto; opacity:1;}
nav ul li ul {
height:0;
overflow:hidden;
opacity:1;
position:absolute;
top:40px;
left:0;
}
nav ul li ul li { width:170px;}
nav ul li ul li:first-child { border-radius:10px 10px 0 0;}
nav ul li ul li:last-child { border-radius:0 0 10px 10px; border:none;}
a:link { text-decoration: none; }
h1 {color: white; font-family:Melvetica; top:55%; left:12%; font-size:250% ;margin-left: 2%; }
div#schrift {font-family:Melvetica; color:white; font-size:200%; font-weight: normal; line-height: 120%; margin-left:2%;}
Desweiteren kann ich leider nur die links im menü anklicken, wenn ich vorher einmal rechtsklick gemacht hab :D?