Hi ,

I have the below <ul> defined on my page.

It works fine however I would like the list-styles to be larger.

? Is this possible ?

ALSO.... I have <li> defined. How will I style this into a style sheet? I'm asking as each of the list-items are different colors. This would not follow the normal rules then of defineing a <li> style in css.

Anyway help would be much appreciated

	  <div class="events">
	   <ul>
		   <li style="list-style:square; color:#993399;"><a href="#">Lectures, Seminars and conferences</a></li>
		   <li style="list-style:square; color:#0099CC;"><a href="#">Exhibitions</a></li>
		   <li style="list-style:square; color:#CC3366;"><a href="#">Concerts</a></li>
		   <li style="list-style:square; color:#006633;"><a href="#">Short courses and workshops</a></li>
		   <li style="list-style:square; color:#FFFF00;"><a href="#">Calendar of all events</a></li>
	   </ul>
	  
	  </div>

cheers

Steve

You could make the text size of the <li> element bigger, then the text inside it smaller to compensate.

For the colours, you can either use IDs, or leave it inline.

<li id="Item1"></li>
<li id="Item2"></li>
etc...

li {
   list-style:square;
}

li#Item1 {
   color: #993399;
}
li#Item2 {
   color:#0099CC;
}

etc...