Hallo,
ich hab ein kleines Problem mit padding. Also hab da folgenden html code:
Code
<div id="head">
<h1><a href="#" title=""><span class="inv">GWOOOOOA</span></a></h1>
</div>
<ul id="nav" class="uppercase">
<li><a href="#" title="">news</a></li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
<li><a href="#" title="">test</a></li>
</ul>CSS:
PHP
/* ####################################################################################### Head ## */
#head { width: 374px; height: 81px; background: url("imgs/head.gif") no-repeat; margin-left: 1em; }
/* ####################################################################################### Head ## */
#nav {
list-style: none;
background: url("imgs/bg-nav.png") no-repeat;
height: 29px;
text-align: center;
font: bold 0.69em Verdana, Helvetica, sans-serif;
word-spacing: 2em;
}
#nav li { list-style: none; display: inline; padding-top: 20px; }
#nav a { color: #fff; text-decoration: none; }
#nav a:hover { color: #f1f1f1, text-decoration: underline; }Aber da ändert sich garnichts. Der Abstand (oben) änder sich garnicht. Woran kann das liegen?