Wo kommt diese Lücke her?

[satre]

Tach TP,
ich habe ein Problem mit meiner Seitennavigation. Und zwar entsteht zwischen der Navigationsüberschrift und den Unterpunkten eine ungewollte Lücke. (Im Anhang rot eingezeichnet.)

Ein HTML-Schnipsel:

<div id="right">
<div class="navright">satre studios</div>
<ul class="nav">
  <li><a href="/satre-studios/galerie.html">Galerie</a></li>
  <li><a href="/satre-studios/comics.html">Comics</a></li>
  <li><a href="/satre-studios/video/die_rueckkehr_des_karlsquell.html">Video</a></li>
  <li><a href="/satre-studios/ton.html">Ton</a></li>
</ul>
</div>

und die dazugehörige CSS:

#right {
width:160px;
background-color:white;
border-top:2px dotted #aaa;
padding:10px;
float:right;
}

.navright {
background-color:#ebf0f5;
background-image:url('/bilder/nav_right_head.png');
width:145px;
height:16px;
padding:9px 0 7px 15px;
}

.nav a:link, .nav a:visited {
background-image:url('/bilder/square.gif');
background-position:left;
background-repeat:no-repeat;
text-decoration: none;
color:#000;
line-height:20px;
font-size:11px;
padding-left:13px;
margin-left:-25px;
}

.nav a:hover
{
color: #ffbf00;
background-image:url('bilder/square_hover.gif');
}

.nav ul, .nav li {
list-style-type:none;
}

und der Link zur Seite.

Zu Hülf.

[Dittboy]

Ich hab den Fehler auf die schnelle nicht gefunden, du könntest aber das machen:

.navright {
background-color:#ebf0f5;
background-image:url('/bilder/nav_right_head.png');
width:145px;
height:16px;
padding:9px 0 7px 15px;
margin-bottom: -10px;
}

Vielleicht ist es ja einfach der standard-Rand von Listen? *vermut*

Mfg
Dittboy

[satre]

Zitat von Dittboy

Ich hab den Fehler auf die schnelle nicht gefunden, du könntest aber das machen:

.navright {
background-color:#ebf0f5;
background-image:url('/bilder/nav_right_head.png');
width:145px;
height:16px;
padding:9px 0 7px 15px;
margin-bottom: -10px;
}

Danke, so funktionierts.

Vielleicht ist es ja einfach der standard-Rand von Listen? *vermut*

Mfg
Dittboy

Und nochmals danke. ul {margin-top:0;} bringt das gleiche Resultat.

Dabei habe ich diesen Tipp erst letztens selbst in einem anderen Thread gegeben.