Student: Probleme mit Aufzählung

Beitrag lesen

SELF-Forum

Probleme mit Aufzählung

Student
– Informationen zu den Bewertungsregeln

Hallo,
ich habe eine Aufzählung innerhalb eines Fieldset&Legend-Tags. Diese Aufzählung wollte ich mit CSS verändern und die Aufzählungszeichen unsichtbar machen und keinen Abstand(oder nur ein wenig) zum Rahmen haben.
Ich habe jetzt schon alle Varianten ausprobiert, aber es funktioniert irgendwie nicht.

Die html-Datei(Auszug) sieht so aus:
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<fieldset style="margin-left:10px">
          <legend>&nbsp;&nbsp;Navigation&nbsp;&nbsp;</legend>
        <div id="menu">
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a> </li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
 </div>
      </fieldset>
</body>
</html>

und die style.css sieht so aus:

fieldset {
border: 1px solid #454F8C;
-moz-border-radius: 1%;
padding: 5px;
}

legend {
border: 1px solid;
-moz-border-radius: 1%;
border-color: #646464;
background: #454F8C;
padding: 1px;
color: #FFFFFF;
align: left;
}

#menu {
width: 125px;
}

#menu ul {
margin-left:1px;
}

#menu li {
margin: 1px;
list-style-type: none;
}

#menu a {
display: block;
width:100px;
padding: 2px 2px 2px 10px;
padding-left: 5px;
border: 1px solid #454F8C;
background: #F4F5E7;
text-decoration: none;
}

#menu a:link,
#menu a:active,
#menu a:visited {
color: #000000;
}

#menu a:hover {
border: 1px solid #454F8C;
background: #454F8C;
color: #ffffff;
}

Ich hoffe mich verständlich ausgedrückt zu haben.

Beitrag melden
–
Informationen zu den Bewertungsregeln