jaki-mulder
Neues Mitglied
Hallo,
wir sollen für die Schule eine Website erstellen, nur irgendwie kann man die Links, die ich verknüpfe nicht anklicken. In meiner Navigation hingegen klappt alles.
Findet vielleicht jemand den Fehler? Es geht um die 3 Punkte , die Rot markiert sind.
html:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link href="../style/style.css" rel="stylesheet" type="text/css">
<title>News</title>
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
<div id="wrapper">
<header>
<a href="../index.html" ><img class="logo" src="../images/Logoneu.png"></a>
<img src="../images/Bild_17.png" style="height: 150px">
<h1> Räume mit Stil gestalten </h1>
</header>
<nav class="nav_top">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../pages/news.html"id="sie-sind-hier">News</a></li>
<li><a href="../pages/about.html">Über uns</a></li>
<li><a href="../pages/showroom.html">Showroom</a></li>
<li><a href="../pages/werkstatt.html">Werkstatt</a></li>
<li><a href="../pages/partner.html">Partner</a></li>
</ul>
</nav>
<nav class="nav_aside">
<ul>
<li><a href="../pages/socialproject.html">Soziales <br>Projekt</a></li>
<li><a href="../pages/forcostumers.html">Für Kunden <br> und Interessierte</a></li>
<li><a href="../pages/jobs.html">Jobs</a></li>
<li><a href="../pages/contact.html">Kontakt</a></li>
<li><a href="../impressum">Impressum</a></li>
</ul>
</nav>
<main>
<h2> News
</h2>
<div class="text_news"> Klicken Sie auf folgende Schlagworte – und Sie erfahren mehr:<br> <br> <br>
<ul>
<li><a href="../pages/jobs.html">Stellen fei!</a></li>
<li><a href="../pages/socialproject.html"></a></li>
<li><a href="../images/PDF.pdf"></a></li>
</ul>
</div>
</main>
<footer>
<img class="backgroundfooter" src="../images/Bild_14.png" style="height: 100px; width: 960px; ">
<img class="logo_bottom" src="../images/Logoneu.png">
</footer>
</div>
</body>
</html>
css:
.text_news {
top: 100px;
font-family: 'Quicksand', sans-serif;
width: 100%;
height: 425px;
position: relative;
float:left;
left: -60px;
top:60px;
font-size: 15px;
text-align: center;
color: black;
}
.text_news ul {
color: black;
z-index: 55;
list-style: none;
}
.text_news li{
margin: 20px;
}
wir sollen für die Schule eine Website erstellen, nur irgendwie kann man die Links, die ich verknüpfe nicht anklicken. In meiner Navigation hingegen klappt alles.
Findet vielleicht jemand den Fehler? Es geht um die 3 Punkte , die Rot markiert sind.
html:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link href="../style/style.css" rel="stylesheet" type="text/css">
<title>News</title>
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
<div id="wrapper">
<header>
<a href="../index.html" ><img class="logo" src="../images/Logoneu.png"></a>
<img src="../images/Bild_17.png" style="height: 150px">
<h1> Räume mit Stil gestalten </h1>
</header>
<nav class="nav_top">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="../pages/news.html"id="sie-sind-hier">News</a></li>
<li><a href="../pages/about.html">Über uns</a></li>
<li><a href="../pages/showroom.html">Showroom</a></li>
<li><a href="../pages/werkstatt.html">Werkstatt</a></li>
<li><a href="../pages/partner.html">Partner</a></li>
</ul>
</nav>
<nav class="nav_aside">
<ul>
<li><a href="../pages/socialproject.html">Soziales <br>Projekt</a></li>
<li><a href="../pages/forcostumers.html">Für Kunden <br> und Interessierte</a></li>
<li><a href="../pages/jobs.html">Jobs</a></li>
<li><a href="../pages/contact.html">Kontakt</a></li>
<li><a href="../impressum">Impressum</a></li>
</ul>
</nav>
<main>
<h2> News
</h2>
<div class="text_news"> Klicken Sie auf folgende Schlagworte – und Sie erfahren mehr:<br> <br> <br>
<ul>
<li><a href="../pages/jobs.html">Stellen fei!</a></li>
<li><a href="../pages/socialproject.html"></a></li>
<li><a href="../images/PDF.pdf"></a></li>
</ul>
</div>
</main>
<footer>
<img class="backgroundfooter" src="../images/Bild_14.png" style="height: 100px; width: 960px; ">
<img class="logo_bottom" src="../images/Logoneu.png">
</footer>
</div>
</body>
</html>
css:
.text_news {
top: 100px;
font-family: 'Quicksand', sans-serif;
width: 100%;
height: 425px;
position: relative;
float:left;
left: -60px;
top:60px;
font-size: 15px;
text-align: center;
color: black;
}
.text_news ul {
color: black;
z-index: 55;
list-style: none;
}
.text_news li{
margin: 20px;
}