Auf Thema antworten 2026

Beitrag

<blockquote data-quote="moppi" data-source="post: 2496051" data-attributes="member: 670649">Danke Myhar, ich hab&#039;s jetzt so gemacht, da die roten Teile entfallen:[code]&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;title&gt;Unbenanntes Dokument&lt;/title&gt;&lt;style type=&quot;text/css&quot;&gt;nav {&nbsp; &nbsp; background-color: #9d9d9c;&nbsp; &nbsp; height: auto;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; width: 100%;}nav ul {&nbsp; &nbsp; height: 40px;&nbsp; &nbsp; margin: 0 auto;&nbsp; &nbsp; width: 680px;&nbsp; &nbsp; padding: 0;}nav ul li {&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 36px;&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; width: 170px;}nav ul li a {&nbsp; &nbsp; color: #fff;&nbsp; &nbsp; background-color: #9d9d9c;&nbsp; &nbsp; display: block;&nbsp; &nbsp; font-size: 18px;&nbsp; &nbsp; margin: 0 0 0 30px;&nbsp; &nbsp; padding: 8px 0 5px 18px !important;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; text-transform: uppercase;}/* level1 top borders*/nav ul li:first-child {&nbsp; &nbsp; border-top: 11px solid #51c4f1;}nav ul li:nth-child(2) {&nbsp; &nbsp; border-top: 11px solid #a2c74a;}nav ul li:nth-child(3) {&nbsp; &nbsp; border-top: 11px solid #f8ea1b;}nav ul li:nth-child(4) {&nbsp; &nbsp; border-top: 11px solid #c0bfbf;}/* level1 hover backgrounds */nav ul li:first-child:hover a {&nbsp; &nbsp; background-color:#51c4f1;&nbsp; &nbsp; height:50px;}nav ul li:nth-child(2):hover a {&nbsp; &nbsp; background-color:#a2c74a;&nbsp; &nbsp; height:50px;}nav ul li:nth-child(3):hover a {&nbsp; &nbsp; background-color:#f8ea1b;&nbsp; &nbsp; height:50px;}nav ul li:nth-child(4):hover a {&nbsp; &nbsp; background-color:#c0bfbf;&nbsp; &nbsp; height:50px;}/* level2 */nav ul li ul {&nbsp; &nbsp; height: 24px;&nbsp; &nbsp; margin: 0 auto;&nbsp; &nbsp; width: 540px;&nbsp; &nbsp; visibility: hidden;}nav ul li:hover &gt; ul {&nbsp; &nbsp; visibility: visible;&nbsp; &nbsp; display:block;&nbsp; &nbsp; z-index:1000;}nav ul li ul li {&nbsp; &nbsp; float: left;&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; width: 170px;&nbsp; &nbsp; border: none !important;&nbsp; &nbsp; margin-top: -10px;}nav ul li ul li a:hover, nav ul li a:hover{&nbsp; &nbsp; color: #000;}nav ul li ul li a{&nbsp; &nbsp; height:20px&nbsp; !important;&nbsp; &nbsp; padding: 2px 0 -27px 18px!important;}/* level2 BLAU */nav ul li:first-child ul {&nbsp; &nbsp; background:#51c4f1;&nbsp; &nbsp; padding:0 0 0 170px;}nav ul li:first-child ul li:nth-child(2):hover a {&nbsp; &nbsp; background-color:#51c4f1;}nav ul li:first-child ul li:nth-child(3):hover a {&nbsp; &nbsp; background-color:#51c4f1;}/* level2 GRÜN */nav ul li:nth-child(2) ul {&nbsp; &nbsp; background:#a2c74a;&nbsp; &nbsp; margin-left:-170px;&nbsp; &nbsp; width: 710px;}nav ul li:nth-child(2) ul li:first-child&nbsp; {&nbsp; &nbsp; margin-right:170px;}nav ul li:nth-child(2) ul li:nth-child(2):hover a {&nbsp; &nbsp; background-color:#a2c74a;}nav ul li:nth-child(2) ul li:nth-child(3):hover a {&nbsp; &nbsp; background-color:#a2c74a;}/* level2 GELB */nav ul li:nth-child(3) ul {&nbsp; &nbsp; background:#f8ea1b;&nbsp; &nbsp; margin-left:-340px;&nbsp; &nbsp; width: 710px;}nav ul li:nth-child(3) ul li:nth-child(2)&nbsp; {&nbsp; &nbsp; margin-right:170px;}nav ul li:nth-child(3) ul li:nth-child(2):hover a {&nbsp; &nbsp; background-color:#f8ea1b;}nav ul li:nth-child(3) ul li:nth-child(3):hover a {&nbsp; &nbsp; background-color:#f8ea1b;}/* level2 GRAU */nav ul li:nth-child(4) ul {&nbsp; &nbsp; background:#c0bfbf;&nbsp; &nbsp; margin-left:-510px;&nbsp; &nbsp; width: 710px;}nav ul li:nth-child(4) ul li:nth-child(2):hover a {&nbsp; &nbsp; background-color:#c0bfbf;}nav ul li:nth-child(4) ul li:nth-child(3):hover a {&nbsp; &nbsp; background-color:#c0bfbf;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;nav role=&quot;navigation&quot;&gt;&nbsp; &nbsp; &lt;!--/ navigation --&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINK&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;LINKLINKLINK&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&lt;/nav&gt;&lt;/body&gt;&lt;/html&gt;[/code]</blockquote>

[QUOTE="moppi, post: 2496051, member: 670649"] Danke Myhar, ich hab's jetzt so gemacht, da die roten Teile entfallen: [code]<!doctype html> <html> <head> <meta charset="utf-8"> <title>Unbenanntes Dokument</title> <style type="text/css"> nav { background-color: #9d9d9c; height: auto; margin: 0; padding: 0; width: 100%; } nav ul { height: 40px; margin: 0 auto; width: 680px; padding: 0; } nav ul li { float: left; height: 36px; list-style: none; width: 170px; } nav ul li a { color: #fff; background-color: #9d9d9c; display: block; font-size: 18px; margin: 0 0 0 30px; padding: 8px 0 5px 18px !important; text-decoration: none; text-transform: uppercase; } /* level1 top borders*/ nav ul li:first-child { border-top: 11px solid #51c4f1; } nav ul li:nth-child(2) { border-top: 11px solid #a2c74a; } nav ul li:nth-child(3) { border-top: 11px solid #f8ea1b; } nav ul li:nth-child(4) { border-top: 11px solid #c0bfbf; } /* level1 hover backgrounds */ nav ul li:first-child:hover a { background-color:#51c4f1; height:50px; } nav ul li:nth-child(2):hover a { background-color:#a2c74a; height:50px; } nav ul li:nth-child(3):hover a { background-color:#f8ea1b; height:50px; } nav ul li:nth-child(4):hover a { background-color:#c0bfbf; height:50px; } /* level2 */ nav ul li ul { height: 24px; margin: 0 auto; width: 540px; visibility: hidden; } nav ul li:hover > ul { visibility: visible; display:block; z-index:1000; } nav ul li ul li { float: left; list-style: none; width: 170px; border: none !important; margin-top: -10px; } nav ul li ul li a:hover, nav ul li a:hover{ color: #000; } nav ul li ul li a{ height:20px !important; padding: 2px 0 -27px 18px!important; } /* level2 BLAU */ nav ul li:first-child ul { background:#51c4f1; padding:0 0 0 170px; } nav ul li:first-child ul li:nth-child(2):hover a { background-color:#51c4f1; } nav ul li:first-child ul li:nth-child(3):hover a { background-color:#51c4f1; } /* level2 GRÜN */ nav ul li:nth-child(2) ul { background:#a2c74a; margin-left:-170px; width: 710px; } nav ul li:nth-child(2) ul li:first-child { margin-right:170px; } nav ul li:nth-child(2) ul li:nth-child(2):hover a { background-color:#a2c74a; } nav ul li:nth-child(2) ul li:nth-child(3):hover a { background-color:#a2c74a; } /* level2 GELB */ nav ul li:nth-child(3) ul { background:#f8ea1b; margin-left:-340px; width: 710px; } nav ul li:nth-child(3) ul li:nth-child(2) { margin-right:170px; } nav ul li:nth-child(3) ul li:nth-child(2):hover a { background-color:#f8ea1b; } nav ul li:nth-child(3) ul li:nth-child(3):hover a { background-color:#f8ea1b; } /* level2 GRAU */ nav ul li:nth-child(4) ul { background:#c0bfbf; margin-left:-510px; width: 710px; } nav ul li:nth-child(4) ul li:nth-child(2):hover a { background-color:#c0bfbf; } nav ul li:nth-child(4) ul li:nth-child(3):hover a { background-color:#c0bfbf; } </style> </head> <body> <nav role="navigation">  <ul> <li><a href="#">LINK</a> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINKLINK</a></li> <li><a href="#">LINKLINKLINK</a></li> </ul> </li> <li><a href="#">LINKLINK</a> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINKLINK</a></li> <li><a href="#">LINKLINKLINK</a></li> </ul> </li> <li><a href="#">LINKLINK</a> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINKLINK</a></li> <li><a href="#">LINKLINKLINK</a></li> </ul> </li> <li><a href="#">LINKLINK</a> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINKLINK</a></li> <li><a href="#">LINKLINKLINK</a></li> </ul> </li> </ul> </nav> </body> </html> [/code] [/QUOTE]

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

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?