Auf Thema antworten 2026

Beitrag

<blockquote data-quote="RonjaWork" data-source="post: 1847378" data-attributes="member: 452455">Hallo zusammen,Ich habe versucht Probeweise eine Drop-Down Navigation zu programmieren. Hier mein Code:[CODE].navi {&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; margin: 0px 25px 0px 0px;&nbsp; &nbsp; display: inline;&nbsp; &nbsp; line-height:36px;}#navi ul {&nbsp; &nbsp; margin: 0 0 0 -15px;&nbsp; &nbsp; list-style-image: none;&nbsp; &nbsp; list-style-type: none;}#navi a {&nbsp; &nbsp; text-decoration: none; font-weight: bold;&nbsp; &nbsp; color: #ffffff;}#navi a:hover {&nbsp; &nbsp; color: #cccccc;}.submenu{&nbsp; &nbsp; display:none;}.navi:hover .submenu{&nbsp; &nbsp; display:inline;&nbsp; &nbsp; position:absolute;&nbsp; &nbsp; z-index:2;&nbsp; &nbsp; margin-left:1px;}.navi:hover .submenu li{&nbsp; &nbsp; display:block;&nbsp; &nbsp; background-color:#944C4C;&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; padding: 0px 10px 0px 10px;}[/CODE][CODE]&lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;navi&quot;&gt;&lt;a href=&quot;index.html&quot; title=&quot;Zurück zur Startseite&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;navi&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;#&quot;&gt;Navipunkt&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul class=&quot;submenu&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; title=&quot;#&quot;&gt;Unterpunkt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; title=&quot;#&quot;&gt;Unterpunkt eins&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;navi&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;#&quot;&gt;Navipunkt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;navi&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;#&quot;&gt;Navipunkt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;navi&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;Kontakt&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li class=&quot;navi&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;Impressum&quot;&gt;Impressum&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;[/CODE]Das Submenü wird jetzt aber leider rechts neben dem Navipunkt angezeigt und nicht darunter.&nbsp; Es soll eigentlich so sein, wie auch hier bei psd-tutorials.Was muss ich ändern, um das zu erreichen?LG, Ronja</blockquote>

[QUOTE="RonjaWork, post: 1847378, member: 452455"] Hallo zusammen, Ich habe versucht Probeweise eine Drop-Down Navigation zu programmieren. Hier mein Code: [CODE] .navi { list-style: none; margin: 0px 25px 0px 0px; display: inline; line-height:36px; } #navi ul { margin: 0 0 0 -15px; list-style-image: none; list-style-type: none; } #navi a { text-decoration: none; font-weight: bold; color: #ffffff; } #navi a:hover { color: #cccccc; } .submenu{ display:none; } .navi:hover .submenu{ display:inline; position:absolute; z-index:2; margin-left:1px; } .navi:hover .submenu li{ display:block; background-color:#944C4C; list-style:none; padding: 0px 10px 0px 10px; } [/CODE] [CODE] <div id="navi"> <ul> <li class="navi"><a href="index.html" title="Zurück zur Startseite">Home</a></li> <li class="navi"><a href="#" title="#">Navipunkt</a> <ul class="submenu"> <li><a href="#" title="#">Unterpunkt</a></li> <li><a href="#" title="#">Unterpunkt eins</a></li> </ul></li> <li class="navi"><a href="#" title="#">Navipunkt</a></li> <li class="navi"><a href="#" title="#">Navipunkt</a></li> <li class="navi"><a href="#" title="Kontakt">Kontakt</a></li> <li class="navi"><a href="#" title="Impressum">Impressum</a></li> </ul> </div> [/CODE] Das Submenü wird jetzt aber leider rechts neben dem Navipunkt angezeigt und nicht darunter. Es soll eigentlich so sein, wie auch hier bei psd-tutorials. Was muss ich ändern, um das zu erreichen? LG, Ronja [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?