Auf Thema antworten 2026

Beitrag

<blockquote data-quote="ItsNeko" data-source="post: 1303611" data-attributes="member: 197999"><p>Hey leute,</p><p>ich bastel gerade an einer dropdown Navigation für meine Hompage,</p><p>allerdings habe ich die atm nur lokal.</p><p>Soweit funktionier auch alles, nur das problem ist, das das dropdown quasi hinter dem text landet. </p><p></p><p></p><p>hier der HTMLteil</p><p>[html]</p><p>&lt;div id=&quot;dropcounter1&quot; class=&quot;lvl1&quot; onmouseover=&quot;dropdown(&#039;counter1&#039;)&quot; onmouseout=&quot;dropup(&#039;counter1&#039;)&quot;&gt;&lt;h3&gt;Navigation&lt;/h3&gt;&lt;div id=&quot;downcounter1&quot; style=&quot;visibility:hidden;&quot;&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=home&quot; &gt;Home&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=news&quot; &gt;News&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=about&quot; &gt;About&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=links&quot; &gt;Links&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=stats&quot; &gt;Statistik&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=justforfun&quot; &gt;Just for Fun&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=userliste&quot; &gt;Userliste&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=Date&quot; &gt;Kalender&lt;/a&gt;&lt;/div&gt;</p><p>&lt;/div&gt;&lt;/div&gt;</p><p></p><p>&lt;div id=&quot;dropcounter2&quot; class=&quot;lvl1&quot; onmouseover=&quot;dropdown(&#039;counter2&#039;)&quot; onmouseout=&quot;dropup(&#039;counter2&#039;)&quot;&gt;&lt;h3&gt;Projekte&lt;/h3&gt;&lt;div id=&quot;downcounter2&quot; style=&quot;visibility:hidden;&quot;&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=Sudoku&quot; &gt;Sudoku&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=p_homepage&quot; &gt;Homepages&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=p_wp&quot; &gt;Wallpaper&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=p_scripts&quot; &gt;Scripts&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=p_games&quot; &gt;Games&lt;/a&gt;&lt;/div&gt;</p><p>&lt;/div&gt;&lt;/div&gt;</p><p></p><p>&lt;div id=&quot;dropcounter3&quot; class=&quot;lvl1&quot; onmouseover=&quot;dropdown(&#039;counter3&#039;)&quot; onmouseout=&quot;dropup(&#039;counter3&#039;)&quot;&gt;&lt;h3&gt;Tutorials&lt;/h3&gt;&lt;div id=&quot;downcounter3&quot; style=&quot;visibility:hidden;&quot;&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=Tutorials&amp;id=1&quot; &gt;PHP&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=Tutorials&amp;id=2&quot; &gt;JavaScript&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=Tutorials&amp;id=3&quot; &gt;ToDo&lt;/a&gt;&lt;/div&gt;</p><p>&lt;/div&gt;&lt;/div&gt;</p><p></p><p>&lt;div id=&quot;dropcounter4&quot; class=&quot;lvl1&quot; onmouseover=&quot;dropdown(&#039;counter4&#039;)&quot; onmouseout=&quot;dropup(&#039;counter4&#039;)&quot;&gt;&lt;h3&gt;Interaktiv&lt;/h3&gt;&lt;div id=&quot;downcounter4&quot; style=&quot;visibility:hidden;&quot;&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=forum&quot; &gt;Forum&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=gb&quot; &gt;Guestbook&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=kontakt&quot; &gt;Kontakt&lt;/a&gt;&lt;/div&gt;</p><p>&lt;div class=&quot;lvl2&quot;&gt;&lt;a href=&quot;index.php?Page=partner&quot; &gt;Partners&lt;/a&gt;&lt;/div&gt;</p><p>&lt;/div&gt;&lt;/div&gt;</p><p>[/html]hier css</p><p>[code]</p><p>#navigation h3{</p><p>&nbsp; &nbsp; margin-top:0px;</p><p>&nbsp; &nbsp; margin-bottom:10px;</p><p>&nbsp; &nbsp; padding:3px;</p><p>}</p><p></p><p>#navigation .lvl1{</p><p>&nbsp; &nbsp; width:150px;</p><p>&nbsp; &nbsp; float:left; </p><p>&nbsp; &nbsp; text-align:center;</p><p>&nbsp; &nbsp; background-image:none;</p><p>&nbsp; &nbsp; background-repeat:no-repeat;</p><p>&nbsp; &nbsp; background-position:0px 25px;</p><p>&nbsp; &nbsp; padding-bottom:10px;</p><p>&nbsp; &nbsp; height:20px;</p><p>&nbsp; &nbsp; z-index:100;</p><p>}</p><p>#navigation .lvl2{</p><p>&nbsp; &nbsp; padding-top:2px;</p><p>&nbsp; &nbsp; height:24px;</p><p>&nbsp; &nbsp; width:149px;</p><p>&nbsp; &nbsp; background-image:url(/templates/prototype/images/navigation_dropdown_part.png);</p><p>&nbsp; &nbsp; background-repeat:no-repeat;</p><p>&nbsp; &nbsp; background-position:2px 0px;</p><p>&nbsp; &nbsp; background-color:#252525;</p><p>&nbsp; &nbsp; color:white;</p><p>&nbsp; &nbsp; z-index:200;</p><p></p><p>}</p><p>#navigation .lvl2 a{</p><p>&nbsp; &nbsp; color:white;</p><p>&nbsp; &nbsp; text-decoration:none;</p><p>&nbsp; &nbsp; height:24px;</p><p>&nbsp; &nbsp; width:149px;</p><p>&nbsp; &nbsp; display:block;</p><p>}</p><p>#navigation .lvl2:hover{</p><p>&nbsp; &nbsp; height:24px;</p><p>&nbsp; &nbsp; background-image:url(/templates/prototype/images/navigation_dropdown_part_hover.png);</p><p>&nbsp; &nbsp; background-repeat:no-repeat;</p><p>&nbsp; &nbsp; background-position:2px 0px;</p><p>}</p><p>[/code]Hat jemand vielleicht eine Idee woran das liegen kann? </p><p>bzw. was ich dagegen machen kann?</p></blockquote><p></p>

[QUOTE="ItsNeko, post: 1303611, member: 197999"] Hey leute, ich bastel gerade an einer dropdown Navigation für meine Hompage, allerdings habe ich die atm nur lokal. Soweit funktionier auch alles, nur das problem ist, das das dropdown quasi hinter dem text landet. hier der HTMLteil [html] <div id="dropcounter1" class="lvl1" onmouseover="dropdown('counter1')" onmouseout="dropup('counter1')"><h3>Navigation</h3><div id="downcounter1" style="visibility:hidden;"> <div class="lvl2"><a href="index.php?Page=home" >Home</a></div> <div class="lvl2"><a href="index.php?Page=news" >News</a></div> <div class="lvl2"><a href="index.php?Page=about" >About</a></div> <div class="lvl2"><a href="index.php?Page=links" >Links</a></div> <div class="lvl2"><a href="index.php?Page=stats" >Statistik</a></div> <div class="lvl2"><a href="index.php?Page=justforfun" >Just for Fun</a></div> <div class="lvl2"><a href="index.php?Page=userliste" >Userliste</a></div> <div class="lvl2"><a href="index.php?Page=Date" >Kalender</a></div> </div></div> <div id="dropcounter2" class="lvl1" onmouseover="dropdown('counter2')" onmouseout="dropup('counter2')"><h3>Projekte</h3><div id="downcounter2" style="visibility:hidden;"> <div class="lvl2"><a href="index.php?Page=Sudoku" >Sudoku</a></div> <div class="lvl2"><a href="index.php?Page=p_homepage" >Homepages</a></div> <div class="lvl2"><a href="index.php?Page=p_wp" >Wallpaper</a></div> <div class="lvl2"><a href="index.php?Page=p_scripts" >Scripts</a></div> <div class="lvl2"><a href="index.php?Page=p_games" >Games</a></div> </div></div> <div id="dropcounter3" class="lvl1" onmouseover="dropdown('counter3')" onmouseout="dropup('counter3')"><h3>Tutorials</h3><div id="downcounter3" style="visibility:hidden;"> <div class="lvl2"><a href="index.php?Page=Tutorials&id=1" >PHP</a></div> <div class="lvl2"><a href="index.php?Page=Tutorials&id=2" >JavaScript</a></div> <div class="lvl2"><a href="index.php?Page=Tutorials&id=3" >ToDo</a></div> </div></div> <div id="dropcounter4" class="lvl1" onmouseover="dropdown('counter4')" onmouseout="dropup('counter4')"><h3>Interaktiv</h3><div id="downcounter4" style="visibility:hidden;"> <div class="lvl2"><a href="index.php?Page=forum" >Forum</a></div> <div class="lvl2"><a href="index.php?Page=gb" >Guestbook</a></div> <div class="lvl2"><a href="index.php?Page=kontakt" >Kontakt</a></div> <div class="lvl2"><a href="index.php?Page=partner" >Partners</a></div> </div></div> [/html]hier css [code] #navigation h3{ margin-top:0px; margin-bottom:10px; padding:3px; } #navigation .lvl1{ width:150px; float:left; text-align:center; background-image:none; background-repeat:no-repeat; background-position:0px 25px; padding-bottom:10px; height:20px; z-index:100; } #navigation .lvl2{ padding-top:2px; height:24px; width:149px; background-image:url(/templates/prototype/images/navigation_dropdown_part.png); background-repeat:no-repeat; background-position:2px 0px; background-color:#252525; color:white; z-index:200; } #navigation .lvl2 a{ color:white; text-decoration:none; height:24px; width:149px; display:block; } #navigation .lvl2:hover{ height:24px; background-image:url(/templates/prototype/images/navigation_dropdown_part_hover.png); background-repeat:no-repeat; background-position:2px 0px; } [/code]Hat jemand vielleicht eine Idee woran das liegen kann? bzw. was ich dagegen machen kann? [/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?