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

Navigation

P

PerX

Neues Mitglied
Hallo Zusammen

Mein Kollege und ich planen eine Website zu erstellen. Nun haben wir bereits bei der Navigation ein Problem. Und zwar möchte er die Navigation wie bei euch. D.h. Wenn ich auf Community klicke erscheinen die Unterkapitel. Aber bei mir ist das nicht so. Bei mir sind die Unterkapitel immer zu sehen. Kann mir wer helfen?

Hier die Navigation:
Navigation.jpg

Hier der Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">  <title>PerXenie</title>

  <link href="Layout/Style.css" type="text/css" rel="stylesheet">
</head>

<body style="margin-top: 0px; height: 186px; margin-left: 0px; width: 1280px;">
<img style=" position: absolute; width: 600px; height: 155px; left: 335px; top: 5px;" alt="Header" src="../Logo%27s/Logo_Hauptseite.jpg"><a href="Hauptseite%20PerXenie.html"><img style=" position:absolute; left:0px; top:5px; width: 328px; height: 386px;" alt="Logo" src="../Logo%27s/SCHEISs%20daTEI%20DIE%20JEtzt%20geht.jpg"></a><br>
<ul style=" list-style-type:none; position:absolute; height: 87px; width: 831px;" class="auto-style1">
  <a style="position: absolute; left: 335px; top: 130px;" href="News.html"><li class="menu" style="position: absolute;">News</li></a>  <ul style="list-style-type:none; position:absolute; height:87px; width:831px;">  <a style="position:absolute; left:295px; top:156px;" href="News_Untertiel.html"><li class="menu" style="position:absolute;">Untertitel</li></a>  </ul>
  <a style="position: absolute; left: 445px; top: 130px;" href="Umwelt.html"><li style="position: absolute;" class="menu">Umwelt</li></a>
  <a style="position: absolute; left: 555px; top: 130px;" href="Games.html"><li style="position: absolute;" class="menu">Games</li></a>    <a style="position: absolute; left: 665px; top: 130px;" href="Technik.html"><li style="position: absolute;" class="menu">Technick</li></a>
  <a style="position: absolute; left: 775px; top: 130px;" href="Reviews.html"><li style="position: absolute;" class="menu">Reviews</li></a></ul>
</body></html>
 
Du solltest gleich diesen Quellcode wegwerfen und nochmal neu anfangen. Dein Grundproblem ist, dass Du an allen Stellen absolute Positionierung verwendest. So geht das nicht. Wie ein richtiges Dropdownmenü aussieht, wird z.B. hier beschrieben:
Horizontales Dropdown-Menü

Den Klick muss man (derzeit noch) mit JavaScript realisieren. Aber bau erstmal ein Untermenü, welches bereits bei Mausberührung (Pseudoklasse hover) eingeblendet wird. Alles andere kann man dann noch nachrüsten.

Moderation: Verschoben von HTML zu CSS.
 
Du hattest recht. Habe dann gleich eine Anleitung im Internet gefunden. Jetzt habe ich noch eine Frage: Worin liegt der Unterschied zwischen absolute und relative?

Vielen Dank
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben