Auf Thema antworten 2026

Beitrag

<blockquote data-quote="derkleineprinz" data-source="post: 2491809" data-attributes="member: 251009">Hallo Zusammen,ich habe folgende Frage an euch. Meine Menüstruktur war bis dato wie folgt:Home&nbsp;&nbsp; Über uns&nbsp;&nbsp; Impressum&nbsp;&nbsp; KontaktNun brauche ich unter Impressum unterpunkte:In der HTML (Index.html)&nbsp; &lt;nav id=&quot;mainNavigation&quot;&gt;&nbsp; &nbsp;&nbsp; &lt;ul class=&quot;wrapper&quot;&gt;&nbsp; &lt;li&quot;&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li&quot;&gt;&lt;a href=&quot;#&quot;&gt;Über uns&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;&quot;&gt;Impressum&lt;/a&gt;&nbsp; &lt;ul&gt;&nbsp; &lt;li class=&quot;submenu&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;&quot;&gt;...&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li class=&quot;submenu&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;&quot;&gt;...&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li class=&quot;submenu&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;&quot;&gt;...&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;/ul&gt;&nbsp; &lt;/li&gt;&nbsp; &lt;li&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;&quot;&gt;Kontakt&lt;/a&gt; &lt;/li&gt;&lt;/nav&gt;In der CSS habe ich folgendes:.wrapper{ width:998px; margin:auto; }#maincontent article h2,#maincontent article h3,footer .footerCol h5{ font-family: &#039;Lato&#039;, sans-serif }header{ width:auto; height:150px; background:url(img/header.jpg) no-repeat center top #fe6301; clear:both; }header #branding,header #branding a{ width:480px; height:125px; margin:0; padding: 20px 0 0 0; float:left; }header #branding a { padding:0; float:none; background:url(img/logo.png) no-repeat; display:block; text-indent:-9999em; }header #topNavigation li { display: inline; padding:0 5px; }header #topNavigation li a { color:#807f7f; }header #topNavigation li a:hover { color:#333; }#mainNavigation { background:#3399cc; width:auto; padding:8px 0 10px 0; text-transform:uppercase; margin-bottom:34px; font-size:1.3em; }#mainNavigation li { display:inline; padding:0 15px; }#mainNavigation li:first-child { padding-left:0; }#mainNavigation li:last-child{ color:#ff0000; }#mainNavigation li a { color:#FFF; }#mainNavigation li a:hover{ color:#03F; }#mainNavigation li ul { display:none; }#mainNavigation li:hover ul,#mainNavigation ul li { display:block;&nbsp; }#mainNavigation li ul li a { color: #FFFFFF; display: block; }#mainNavigation li ul li a:hover { color: #003399; }Wie bitte muss ich die CSS anpassen, um das Menü wie oben korrekt darstellen zu können?Vielen Dank im vorausGruß Jörg</blockquote>

[QUOTE="derkleineprinz, post: 2491809, member: 251009"] Hallo Zusammen, ich habe folgende Frage an euch. Meine Menüstruktur war bis dato wie folgt: Home Über uns Impressum Kontakt Nun brauche ich unter Impressum unterpunkte: In der HTML (Index.html) <nav id="mainNavigation"> <ul class="wrapper"> <li"><a href="#">Home</a></li> <li"><a href="#">Über uns</a></li> <li"><a href="#" title="">Impressum</a> <ul> <li class="submenu"><a href="#" title="">...</a></li> <li class="submenu"><a href="#" title="">...</a></li> <li class="submenu"><a href="#" title="">...</a></li> </ul> </li> <li"><a href="#" title="">Kontakt</a> </li> </nav> In der CSS habe ich folgendes: .wrapper{ width:998px; margin:auto; } #maincontent article h2, #maincontent article h3, footer .footerCol h5{ font-family: 'Lato', sans-serif } header{ width:auto; height:150px; background:url(img/header.jpg) no-repeat center top #fe6301; clear:both; } header #branding, header #branding a{ width:480px; height:125px; margin:0; padding: 20px 0 0 0; float:left; } header #branding a { padding:0; float:none; background:url(img/logo.png) no-repeat; display:block; text-indent:-9999em; } header #topNavigation li { display: inline; padding:0 5px; } header #topNavigation li a { color:#807f7f; } header #topNavigation li a:hover { color:#333; } #mainNavigation { background:#3399cc; width:auto; padding:8px 0 10px 0; text-transform:uppercase; margin-bottom:34px; font-size:1.3em; } #mainNavigation li { display:inline; padding:0 15px; } #mainNavigation li:first-child { padding-left:0; } #mainNavigation li:last-child{ color:#ff0000; } #mainNavigation li a { color:#FFF; } #mainNavigation li a:hover{ color:#03F; } #mainNavigation li ul { display:none; } #mainNavigation li:hover ul, #mainNavigation ul li { display:block; } #mainNavigation li ul li a { color: #FFFFFF; display: block; } #mainNavigation li ul li a:hover { color: #003399; } Wie bitte muss ich die CSS anpassen, um das Menü wie oben korrekt darstellen zu können? Vielen Dank im voraus Gruß Jörg [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?