• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Links nicht anklickbar

jaki-mulder

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;

}
 
Werbung:
Es fehlt der Beschreibungstext zu den Links... dann ist da auch nichts zum Anklicken!
HTML: 
<ul>
<li><a href="../pages/jobs.html">Stellen fei!</a></li>
<li><a href="../pages/socialproject.html">ein Link</a></li>
<li><a href="../images/PDF.pdf">noch ein Link</a></li>
</ul>
 
Leider passiert auch dann nichts.. Die Links werden wohl angezeigt aber beim drüber fahren oder anklicken passiert nichts.
 

Anhänge

  • Bildschirmfoto 2018-05-04 um 15.29.25.png
    Bildschirmfoto 2018-05-04 um 15.29.25.png
    14 KB · Aufrufe: 6
Werbung:
Lass mal die Punkte weg. Ich glaube die werden nicht gebraucht. Vorrausgestzt, die Daiteien liegen im Rootverzeichnis. Mal probieren. Ansonsten mal einen Link zur Seite.
 
djheke schrieb:
Lass mal die Punkte weg. Ich glaube die werden nicht gebraucht. Vorrausgestzt, die Daiteien liegen im Rootverzeichnis. Mal probieren. Ansonsten mal einen Link zur Seite.
Zum Vergrößern anklicken....
Ich habe den Code auch mal bei mir reinkopiert und wenn man den Hinweiß von @Sailor befolgt und dann mal testet wird auch was geöffnet .da die Links bei mir nicht gehen ist klar das da nur ne error seite kommt . Deswegen befolge mal den rat von @djheke und kuck mal ob die Pfade stimmen, vorallem wenn alles in einen Ordner sind brauchs du ../ eigentlich nicht . Nur kenne wir deine Seite nicht . Wenn du schon was Online hast poste doch mal ein Link
 
Ich vermute mal die Links werden überlagert von einem anderen Element und sind daher nicht anklickbar. Ein Link zur Seite wäre wirklich hilfreich.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben