Rollover formatieren

[Andr86]

Guten Morgen

vorne weg, ich bin recht neu auf dem gebiet und habe mich gerade in die Rollover Funktion von CSS reingelesen. Jetzt hab ich das Problem, dass ich nicht weis wo ich die Schrift des Menüs formatieren kann.

Code: Alles auswählen

#navi {
font-size:large;
height: 30px;
line-height: 30px;
background: #D1E6EF;

}

#navi, #navi ul {
list-style-type:none; margin:auto; padding-left: 20px;
}

#navi li {
width:128px; float:left;}

#navi li ul { display:none;}
  #navi li:hover ul { display:block;

}


Code: Alles auswählen

<div id="navi" style="width: 950px">
  <li><a href="#">Chi siamo</a>
    <ul>
      <li><a href="#">Home</a></li>
    </ul>
  </li>
<li><a href="#">Cartongesso</a></li>
<li><a href="#">Motorizzazioni</a></li>
<li><a href="#">Fabbro</a></li>
<li><a href="#">Infissi</a>
    <ul>
      <li><a href="#">Alpha</a></li>
      <li><a href="#">Beta</a></li>
      <li><a href="#">Gamma</a></li>
    </ul>
  </li>
  <li><a href="#">Contatti</a></li>
  <li><a href="#">Preventivi</a></li>

</div>


sie wie es im moment ist erscheint das menü bei mir recht klein und unterstrichen.

ich möchte aber gerne die schrift größer, nicht unterstrichen und wenn ich mit der Maus darüber fahre soll es sich Schwarz färben. ich verzweifel hier grad.

wäre spitze wenn jemand zeit für findet.
danke schonmal

[sejuma]

Am besten durch Formatierung des Elements "a", siehe http://www.ohne-css.gehts-gar.net/0072.php

Hinweis:
Überprüfe nochmal deinen HTML-Code wie z.B. hier:

Code: Alles auswählen

<div id="navi" style="width: 950px">
  <li><a href="#">Chi siamo</a>
    <ul>

li darf nur innerhalb von ul vorkommen; d.h. nach dem div musst du zunächst ul öffnen.

http://www.ohne-css.gehts-gar.net/0066.php
http://www.ohne-css.gehts-gar.net/0067.php

[Andr86]

dank dir hat mir super geholfen menü leiste steht.


lg