De seneste forum tråde i [inline] på Udvikleren.dk http://www.udvikleren.dk/ Wed, 29 Apr 2026 11:16:22 GMT http://backend.userland.com/rss Udvikleren.dk RSS Feeder 60 Hej <img src="/images/smileys/smiley.gif" alt=":)" title=":)" /> <br /><br />Jeg vil gerne have inline submenues i min menu istedet for block - det lyder egenligt let nok - men jeg har altså ikke fået det til at virke. <br /><br />Her er min starts-kode:<br />CSS<br /><div class="codeboxheader" id="code_510616225" onclick="ToggleCodeBox(this.id);"><img id="code_510616225_arrow" src="/images/icons/codeboxarrow_down.gif" alt="Fold kodeboks ind/ud" title="Fold kodeboks ind/ud" />Kode&nbsp;</div><pre id="code_510616225code" style="border-top: 0px; display: none;"> .menu { margin:0px; padding:0px; float:left; width:950px; height:40px; background-color:rgb(0,63,98); } .menu ul {margin:0px; padding:0px;} .menu ul li { display:inline; height:20px; float:left; list-style:none; margin-left:15px; padding:10px; position:relative; font-size:15px; } .menu li a {color:white; text-decoration:none;} .menu li a:hover {text-decoration:underline;} .menu li ul { margin:0px; padding:0px; display:none; position:absolute; left:0px; top:40px; background-color:rgb(0,63,98); } .menu li:hover ul { display:inline; width:160px; } .menu li li { list-style:none; display:inline; width:100%; } .menu li li a {color:#fff; text-decoration:none;} .menu li li a:hover {text-decoration:underline; } </pre><br />HTML<br /><div class="codeboxheader" id="code_1886952872" onclick="ToggleCodeBox(this.id);"><img id="code_1886952872_arrow" src="/images/icons/codeboxarrow_down.gif" alt="Fold kodeboks ind/ud" title="Fold kodeboks ind/ud" />Kode&nbsp;</div><pre id="code_1886952872code" style="border-top: 0px; display: none;"> &lt;div class="menu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;sub menu item 4&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </pre><br /><br />Hvad kan jeg gøre?<br /><br />På forhånd tak for hjælpen <img src="/images/smileys/smiley.gif" alt=":)" title=":)" /> http://www.udvikleren.dk/forum/37977/inline-submenues--/ Fri, 25 May 2012 14:38:47 GMT