Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Forum löschen, Probleme mit Gründeraccountvon Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht ( 1 )
» Beitrag von maddo in [AwsomeBB] LogIn Farbe Weiß auf weiß
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von Eto in Einstellen der Profilfelder funktioniert nicht
( 1 )
CSS Navigation-Rollover
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
CSS Navigation-Rollover
Hi,
ich verzweifel seit einigen Tagen an einem CSS Drop Down Menü das ich gerne bei einer HTML Seite einbauen würde. Es ist oder scheint mir noch komplizierter zu sein als Div Containers zu erstellen aber Learning by doing heißt das sprich Word .
Ich bräuchte bitte dazu ein wenig Hilfe denn ich würde gerne diesem Menü die Funktion geben das es untereinander aufklappt und nicht nebeneinander wie es noch der Fall ist.
Hab Verschiedene Varianten gesehen nur ich weiß gar nicht was ich da nun ändern soll zum Beispiel display: inline; das inline hab ich mal in Block ersetzt das auch dann funktioniert hat aber nicht so wie ich es mir vorstelle also untereinander auf zu klappen.
Wäre sehr dankbar wenn mir jemand das erklären könnte wie so etwas funktioniert also zumindestens bei der CSS funktion zwar weiß ich wo man Schrift und abstände ändern kann aber ich komm nicht klar mit der display funktion.
Lg
ShaoKahn
ich verzweifel seit einigen Tagen an einem CSS Drop Down Menü das ich gerne bei einer HTML Seite einbauen würde. Es ist oder scheint mir noch komplizierter zu sein als Div Containers zu erstellen aber Learning by doing heißt das sprich Word .
Ich bräuchte bitte dazu ein wenig Hilfe denn ich würde gerne diesem Menü die Funktion geben das es untereinander aufklappt und nicht nebeneinander wie es noch der Fall ist.
Hab Verschiedene Varianten gesehen nur ich weiß gar nicht was ich da nun ändern soll zum Beispiel display: inline; das inline hab ich mal in Block ersetzt das auch dann funktioniert hat aber nicht so wie ich es mir vorstelle also untereinander auf zu klappen.
Hier ist der Code zu CSS:
<style type="text/css">
<!--
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul, li {
display: inline;
}
ul#nav li ul {
display: none;
}
ul#nav li:hover ul {
display: inline;
}
ul#nav li a {
background: #e3e3e3;
padding: 5px;
font-weight: bold;
color: #000;
text-decoration: none;
}
-->
</style>
Der Code zu HTML:
<body>
<ul id="nav">
<li><a href="#">menu 1</a>
<ul>
<li>submenu 1.1</li>
<li>submenu 1.2</li>
</ul>
</li>
<li><a href="#">menu 2</a>
<ul>
<li>submenu 2.1</li>
<li>submenu 2.2</li>
</ul>
</li>
<li><a href="#">menu 3</a>
<ul>
<li>submenu 3.1</li>
<li>submenu 3.2</li>
</ul>
</li>
<li><a href="#">menu 4</a>
<ul>
<li>submenu 4.1</li>
<li>submenu 4.2</li>
</ul>
</li>
</ul>
</body>
Wäre sehr dankbar wenn mir jemand das erklären könnte wie so etwas funktioniert also zumindestens bei der CSS funktion zwar weiß ich wo man Schrift und abstände ändern kann aber ich komm nicht klar mit der display funktion.
Lg
ShaoKahn
Gast- Gast
Re: CSS Navigation-Rollover
Versuch doch mal bitte das hier
(Komplette HTML Seite mit CSS):
(Komplette HTML Seite mit CSS):
- Code:
<html>
<head>
<title>menu 1</title>
<style type="text/css">
<!--
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul, li {
display: table-row-group;
float: none;
}
ul#nav li ul {
display: none;
}
ul#nav li:hover ul {
display: inline;
}
ul#nav li a {
background: #e3e3e3;
padding: 5px;
font-weight: bold;
color: #000;
text-decoration: none;
}
-->
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">menu 1</a>
<ul>
<li><a href="www.harzfuchsforum.com" target="_blank">Harzfuchsforum</a></li>
<li><a href="www.harzfuchs.de/stadtbilder" target="_blank">Harzfuchs Stadtbilder</a></li>
</ul>
</li>
<li><a href="#">menu 2</a>
<ul>
<li>submenu 2.1</li>
<li>submenu 2.2</li>
</ul>
</li>
<li><a href="#">menu 3</a>
<ul>
<li>submenu 3.1</li>
<li>submenu 3.2</li>
</ul>
</li>
<li><a href="#">menu 4</a>
<ul>
<li>submenu 4.1</li>
<li>submenu 4.2</li>
</ul>
</li>
</ul>
</body>
</html>
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: CSS Navigation-Rollover
#Frank schrieb:Versuch doch mal bitte das hier
(Komplette HTML Seite mit CSS):
- Code:
<html>
<head>
<title>menu 1</title>
<style type="text/css">
<!--
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
ul, li {
display: table-row-group;
float: none;
}
ul#nav li ul {
display: none;
}
ul#nav li:hover ul {
display: inline;
}
ul#nav li a {
background: #e3e3e3;
padding: 5px;
font-weight: bold;
color: #000;
text-decoration: none;
}
-->
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">menu 1</a>
<ul>
<li><a href="www.harzfuchsforum.com" target="_blank">Harzfuchsforum</a></li>
<li><a href="www.harzfuchs.de/stadtbilder" target="_blank">Harzfuchs Stadtbilder</a></li>
</ul>
</li>
<li><a href="#">menu 2</a>
<ul>
<li>submenu 2.1</li>
<li>submenu 2.2</li>
</ul>
</li>
<li><a href="#">menu 3</a>
<ul>
<li>submenu 3.1</li>
<li>submenu 3.2</li>
</ul>
</li>
<li><a href="#">menu 4</a>
<ul>
<li>submenu 4.1</li>
<li>submenu 4.2</li>
</ul>
</li>
</ul>
</body>
</html>
Hallo Frank,
zwar sind die Navigationen untereinander aber die Rollover Funktion ist futsch...
aber troztdem vielen dank fürs versuchen ich probiere es auch noch einwenig.
Bitte noch nicht schließen.... Werde mich melden wens geklappt hat.
Also hauptsache jemand hat noch Tipps dazu wie man als Anfänger das einwenig kapiert wäre damit auch total zufrieden... Oder super wäre auch einfach ein normales Navi in CSS mit 4 Buttons.
Wenn möglich ansonsten ich freue mich über jegliche hilfe dazu...
Mfg
ShaoKahn
Gast- Gast
Re: CSS Navigation-Rollover
Merkwürdig, bei mir ist es offline aber richtig, so das Die Hauptebene Untereinander ist und die Sub Menüs dann daneben erscheinen.
Hier habe ich das mal Online gestellt:
http://frank.forumieren.de/h23-klappmenue
Hier habe ich das mal Online gestellt:
http://frank.forumieren.de/h23-klappmenue
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: CSS Navigation-Rollover
Hi Frank,
ja soweit ist das Richtig müsste noch einwenig selbst damit rum experimentieren damit ich das selber auch verstehe was da nun geändert wurde.
Ich hab diesen Code bei Phase 5 ausgetestet und der hat mir die funktion nicht weiterhin angezeigt aber nun sehe ich auch das es auf der extra seite aufeinmal klappt super.
Nur mal noch ein paar fragen welche änderung hast du nun gemacht ich sehe bei display aufeinmal eine art tabel code drin.
Und vorallem das die Submenüs so sorgfälltig untereinander sind wo bestimmt man den abstand genau??
Wenn eine seite hättest wo ich das nachlesen könnte wäre das auch total inordnung. Vielen dank für das alles schon mal...
Mfg
ShaoKahn
ja soweit ist das Richtig müsste noch einwenig selbst damit rum experimentieren damit ich das selber auch verstehe was da nun geändert wurde.
Ich hab diesen Code bei Phase 5 ausgetestet und der hat mir die funktion nicht weiterhin angezeigt aber nun sehe ich auch das es auf der extra seite aufeinmal klappt super.
Nur mal noch ein paar fragen welche änderung hast du nun gemacht ich sehe bei display aufeinmal eine art tabel code drin.
Und vorallem das die Submenüs so sorgfälltig untereinander sind wo bestimmt man den abstand genau??
Wenn eine seite hättest wo ich das nachlesen könnte wäre das auch total inordnung. Vielen dank für das alles schon mal...
Mfg
ShaoKahn
Gast- Gast
Re: CSS Navigation-Rollover
Das einzige was ich nun verändert habe ist im CSS Teil das hier:
- Code:
ul, li {
display: table-row-group;
float: none;
}
- Code:
ul, li {
display: inline;
}
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: CSS Navigation-Rollover
Hi vielen dank fürs helfen ich habs nun hinbekommen mit desen umänderung von dir und weiteres dazu...
Und habs so einiger massen geblickt wo welche funktion genau ist.
Damit kann man nun dieses Topic dann schließen...
Lg
ShaoKahn
Und habs so einiger massen geblickt wo welche funktion genau ist.
Damit kann man nun dieses Topic dann schließen...
Lg
ShaoKahn
Gast- Gast
Ähnliche Themen
» Rollover Navigationsleiste
» Header mit Rollover.
» Rollover Text
» Rollover Bild für Buttons
» Rollover Advertise Highway
» Header mit Rollover.
» Rollover Text
» Rollover Bild für Buttons
» Rollover Advertise Highway
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten