# Hjälp! Något mystiskt fel i koden!
Author: [Borttaget]

Jag tänkte göra en drop-down meny till min blogg eftersom jag måste renovera bloggen rätt så mycket nu när den har börjat handla om så mycket. Tänkte då kategorisera in lite länkar i forn av drop-down menyer. Men någonting är fel med undermenyerna. Dessa syns bara till hälften och det ska egentligen finnas fyra underlänkar i varje (testar koden först i testbloggen så).  
  
Jag använder Blogger och har hittills använt de äldre mallarna som jag har byggt om rätt så flitigt, men tänkte nu övergå till de nya mallarna. Men jag är inte alls van vid dessa mallar och vad för kodning som behövs, så skulle behöva lite kodhjälp till menyn om någon kan detta? (Denna kod fungerar felfritt i min gamla mall, men inte i den nya.)  
  
Bifogar en bild på hur menyn ser ut nu. Samt bifogar koden om någon vill titta igenom den? (OBS! Länkarna är inte kopplade till någonting nu, utan dessa är bara exempellänkar än så länge!)  
  
  
**Koden:**  
  
  
<style>  
/\* common styling \*/  
.menu {font-family: arial, sans-serif; width:1000px; height:100px; position:relative; font-size:13px; z-index:100;}  
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:108px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}  
.menu ul {padding:0; margin:0; list-style: none;}  
.menu ul li {float:left; position:relative;}  
.menu ul li ul {display: none;}  
  
/\* specific to non IE browsers \*/  
.menu ul li:hover a {color:#fff; background:#36f;}  
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}  
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}  
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}  
.menu ul li:hover ul li ul {display: none;}  
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}  
.menu ul li:hover ul li a:hover {background:#710069; color:#fff;}  
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}  
.menu ul li:hover ul li:hover ul.left {left:-105px;}  
</style>  
  
<div class="menu">  
  
<ul>  
<li><a class="hide" href="http://adress">LÄNK1</a>  
  
<!--\[if lte IE 6\]>  
<a href="http://adress">LÄNK1  
<table><tr><td>  
<!\[endif\]-->  
  
<ul>  
<li><a href="http://adress">UNDERLÄNK1</a></li>  
<li><a href="http://adress">UNDERLÄNK2</a></li>  
<li><a href="http://adress">UNDERLÄNK3</a></li>  
<li><a href="http://adress">UNDERLÄNK4</a></li>  
  
</ul>  
  
<!--\[if lte IE 6\]>  
</td></tr></table>  
</a>  
<!\[endif\]-->  
  
</li>  
  
<li><a class="hide" href="http://adress">LÄNK2</a>  
  
<!--\[if lte IE 6\]>  
<a href="http://adress">LÄNK2  
<table><tr><td>  
<!\[endif\]-->  
  
<ul>  
<li><a href="http://adress">UNDERLÄNK1</a></li>  
<li><a href="http://adress">UNDERLÄNK2</a></li>  
<li><a href="http://adress">UNDERLÄNK3</a></li>  
<li><a href="http://adress">UNDERLÄNK4</a></li>  
</ul>  
  
<!--\[if lte IE 6\]>  
</td></tr></table>  
</a>  
<!\[endif\]-->  
  
</li>  
  
<li><a class="hide" href="http://adress">LÄNK3</a>  
  
<!--\[if lte IE 6\]>  
<a href="http://adress">LÄNK3  
<table><tr><td>  
<!\[endif\]-->  
  
<ul>  
<li><a href="http://adress">UNDERLÄNK1</a></li>  
<li><a href="http://adress">UNDERLÄNK2</a></li>  
<li><a href="http://adress">UNDERLÄNK3</a></li>  
<li><a href="http://adress">UNDERLÄNK4</a></li>  
</ul>  
  
<!--\[if lte IE 6\]>  
</td></tr></table>  
</a>  
<!\[endif\]-->  
  
</li>  
  
<li><a class="hide" href="http://adress">LÄNK4</a>  
  
<!--\[if lte IE 6\]>  
<a href="http://adress">LÄNK4  
<table><tr><td>  
<!\[endif\]-->  
  
<ul>  
<li><a href="http://adress">UNDERLÄNK1</a></li>  
<li><a href="http://adress">UNDERLÄNK2</a></li>  
<li><a href="http://adress">UNDERLÄNK3</a></li>  
<li><a href="http://adress">UNDERLÄNK4</a></li>  
</ul>  
  
<!--\[if lte IE 6\]>  
</td></tr></table>  
</a>  
<!\[endif\]-->  
  
</li>  
  
<li><a class="hide" href="http://adress">LÄNK5</a>  
  
<!--\[if lte IE 6\]>  
<a href="http://adress">LÄNK5  
<table><tr><td>  
<!\[endif\]-->  
  
<ul>  
<li><a href="http://adress">UNDERLÄNK1</a></li>  
<li><a href="http://adress">UNDERLÄNK2</a></li>  
<li><a href="http://adress">UNDERLÄNK3</a></li>  
<li><a href="http://adress">UNDERLÄNK4</a></li>  
</ul>  
  
<!--\[if lte IE 6\]>  
</td></tr></table>  
</a>  
<!\[endif\]-->  
  
</li>  
  
<li><a class="hide" href="http://adress">LÄNK6</a>  
  
<!--\[if lte IE 6\]>  
<a href="http://adress">LÄNK6  
<table><tr><td>  
<!\[endif\]-->  
  
<ul>  
<li><a href="http://adress">UNDERLÄNK1</a></li>  
<li><a href="http://adress">UNDERLÄNK2</a></li>  
<li><a href="http://adress">UNDERLÄNK3</a></li>  
<li><a href="http://adress">UNDERLÄNK4</a></li>  
</ul>  
  
<!--\[if lte IE 6\]>  
</td></tr></table>  
</a>  
<!\[endif\]-->  
  
</li>  
</ul>  
</div>

## Comment 1
Author: Jess89

Jag har tyvärr inga erfarenheter om blogspot, jag använder mig av blogg.se. Men hoppas att någon annan kan hjälpa dig!

## Comment 2
Author: MajaL

Jag säger som #1. Har också blogg.se. Tyvärr.