Verschiedene Befehle für Auflistungen?

[Hilltono]

Guten morgen,

ich habe ein CSS Befehlsproblem für Auflistungen. Ich habe mir ein navigationsmenü erstellt, das CSS befehle für dessen Anordnung enthält.

Jedoch wenn ich nun wie in word mit punk, oder kästchen ein Aufzählung machen will, übernimmt der natürlich auch hierfür den CSS code, welchen ich für mein menü verwendet habe.

Gibt es hier eine Möglichkeit, zwei befehle für die liste zu schreiben? Ich hatte bisher noch keinen erfolg.

Hier noch mein css code:

<style type="text/css">
<!--
#transfernavimenu {
	margin-left: 178px;
}
#grasleft {
	float: left;
	width: 11.1875em;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%;}
/* End */
/*removes the indents and bullets from the unordered list and defines the width*/
ul {
	margin: 0;
	padding: 0;
	cursor: default;
	width: auto;
	list-style: none;
	font-family: Calibri, Arial, sans-serif;
	font-weight: bold;
		}
/* position of list items; set the position as relative, because we will need to position the sub-menus absolutely within them*/
li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 133.008px;
	font-size: 16px;
	list-style-type: none;
	position: relative;
	text-align: center;
	cursor: pointer;
	float: left;
    	}

li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  z-index: 1020;
  cursor: default;
  left: -1000em;
  }
li > ul {
	top: auto;
	left: auto;
	}
/*submenu width, text*/
ul ul li {
	text-align: left;
	font-weight: normal;
	font-size: 0.875em;
	width: 9.55em;
}
/*-------------------------------
STYLING
---------------------------------
*/
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #b2e298;
	padding: 0.313em;
	border: 1px solid #088702;
	border-bottom: 1;
	}
ul ul li a{
	border: 1px solid #088702;
	background: #c5ffa5;
}
ul a:hover, ul a:focus {
	background-color: #d8fbc5;
}
li:hover ul, li.over ul { 
	display: block; }
body,td,th {
	font-family: Calibri, Arial, sans-serif;
}
-->
</style>

Vielen Dank für eure Hilfe!

[max.m]

Das kannst Du machen indem Du unterschiedliche IDs zuweist, Beispiel:

CSS:

#eins li
{
color: #CCCCCC;
}
#zwei li
{
color: #000000;
}

HTML:

<ul id="eins"><li>eins</li><li>zwei</li></ul>
<ul id="zwei"><li>eins</li><li>zwei</li></ul>

Diese Listen haben unterschiedliche Schriftfarben.

[Hilltono]

Hi Max,

danke für diesen hilfreichen tipp ! das hilft mir sehr weiter.

Grüße

[Rinaldo]

Ich würde mit Klassen arbeiten... Es wird ja i.d.R. so sein, dass Du alle Punkte der Liste gleich formatiert haben willst, oder? Dann ist ID falsch...

[max.m]

Rinaldo hat natürlich recht, IDs dürfen pro Seite nur einmal verwendet werden. Es spricht aber nichts dagegen dem <ul> eine ID zuzuweisen (wie in meinem Beispiel) wenn diese Liste nur einmal pro Seite vorkommt (z.B. die Navigation).