Thema: Änderung des Abstandes im Menü

Hallo!
Da bei mir das Menü ziemlich unübersichtlich wirkt, möchte ich gerne die Abstände zwischen den Menüpunkten vergrößern und evtl. Trennlinien einfügen!
Habe leider wenig ahnung wie ich da in der css datei rumfummeln soll
Kann mir da jemand helfen?
Meine Seite: http://manuelfenkl.ma.funpic.de/Mambo
Template: CountryGingham

Vielen Dank!

Hallo,

in der css nach:

HTML-Code:

a.mainlevel:link, a.mainlevel:visited {
  font-family:  Verdana, Arial, Helvetica, sans-serif; 
  color: #222222;
  background-position: left;
  text-align: left;
  font-weight: normal;
 }

suchen und das hier:

HTML-Code:

display: block;
height: 22px;
line-height: 22px;
border-bottom: 1px solid #ccc;

mit in die geschweifte Klammer einfügen!

Ich hab gleich noch Trennlinien eingefügt!

gruß

mar123

in der css nach suchen:

HTML-Code:

table.moduletable {
  margin: 0px 0px 0px 0px;
  width: 95%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 0px #A1A1A1;
  border-bottom: solid 0px #A1A1A1;
  }

und durch das hier ersetzen:

HTML-Code:

table.moduletable {
margin-bottom: 20px;
  width: 95%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 0px #A1A1A1;
  border-bottom: solid 0px #A1A1A1;
  }

wenn du mit den Abstand nicht zufrieden bist, dann einfach bischen mit dem px wert von margin-bottom spielen!
gruß

mar123