Navigationsleiste mit Untermenü HTML?
Hallo, habe da mal eine Frage wegen Navigationsleiste mit Untermenü HTML
hab sowas vor ein paar Jahren schon einmal gemacht aber ich weiß nicht mehr wie
habe das Grundgerüst gemacht habe auch schon ein Index erstellt aber möchte dann halt wen ich darauf drücke Untermenüs haben ich hoffe, ich habe es richtig beschrieben und bedanke mich schon mal
2 Antworten
Kommt drauf an wie Du das Untermenü aussehen lassen willst. Dafür gibt es enorm viele Möglichkeiten zu denen man im Netz auch viele Vorlagen findet, z.B. diese hier:
https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Dropdown-Men%C3%BC
Wenn Du bereits Quellcode geschrieben hast der aus deiner Sicht nicht funktioniert, zeig diesen hier damit man dir dabei helfen kann.
Der Quellcode ist ziemlich kaputt. Da fehlt jegliches Grundgerüst und frames nutzt man schon seit 20 Jahren nicht mehr. Schau dir besser nochmal HTML-Grundlagen an bevor Du da weiter bastelst:
https://developer.mozilla.org/de/docs/Learn/Getting_started_with_the_web/HTML_basics
Geh mal zum Beispiel auf Webseite von "W3School"
da gibt es allerlei Erläterungen und auch eine Übungsumgebung um den eigenen Code zu testen.
<html>
<head>
<style type="text/css">
<!--
ul#navigation {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul#navigation li {
padding: 0px;
margin: 5px;
width: 20%;
}
ul#navigation li a:link {
display: block;
border: 1px solid #000;
background-color: #00FFCC;
padding: 10px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}
ul#navigation li a:hover {
display: block;
border: 1px solid #54993f;
background-color: #727165;
color: #fff;
}
-->
</style>
<title>Black Star told</title>
<link rel="stylesheet" href="mystyle.css">
<farmeset cols="160,*" farmborder="0" farmespacing="0" border="0">
<farme name="Navi" src="navi.html" marginwidth="0" marginheight="0" scrolling="no" farmborder="0">
<farme name="Haupt! src="Haupt.html" marginwidth="10" marginheight="0" scrolling="auto" farmborder="0">
</farmeset>
<body
<ul>
<ul id="navi">
<li><a href="start.html">Stateside</a></li>
<li><a href="news.html">News</a></li>
<li><a href="infos.html">information</a></li>
<li><a href="galerie.html">gallery</a></li>
<li><a href="kontakt.html">contact</a></li>
<li><a href="impressum.html">imprint</a></li>
</ul>
</body>
</html>
<head>