Ordered list question

Hello

I have this in my <style> tags:

<style type="text/css">

p {font: normal normal 100 11px tahoma; text-align: justify;}


and I am trying to show an ordered (numbered) list as follows:

<OL>
<LI><p>Log on using the administrative account.<br></LI>
<LI><p>Select System Preferences from the Apple Menu.<br></LI>
</OL>

I cannot seem to get the numbers themselves to display at the 11px I am aiming for (and which the rest of the text is set at).

Thanks for any help.

Steve

Not too sure you can adjust the number size on ordered list's yet. Not to sure though, You might want to instead of using:

p {font: normal normal 100 11px tahoma; text-align: justify;}

try using this

ol li {font: normal normal 100 11px tahoma; text-align: justify;}

Maybe it was quick typing, but you ended your <p> tags with <br>.

Further, you don't want to put tags in upper case.

Hello jcdevelopment

Many thanks for your post.

That helps! The numbers themselves are not in bold, but that is probably not too important as they are now the size I was aiming for!

I have actually used both:

p {font: normal normal 100 11px tahoma; text-align: justify;}

ol li {font: normal normal 100 11px tahoma; text-align: justify;}

Many thanks.

Steve

I suggest writing code that now conforms to XHTML standards. Change your code to this (using the CSS provided by JCDevelopement):


<ol>
<li>Log on using the administrative account.<br /></li>
<li>Select System Preferences from the Apple Menu.<br /></li>
</li>


XHTML is case sensitive, is more strict with element nesting, and all tags MUST be closed.

If you look at the Sources program in my signature. View code - it is full of ordered lists.


<li value="14"><a href="http://www.maratz.com/blog/archives/2005/06/22/preload-hover-images-in-css/">Preload-hover-images-in-css</a></li>
<li ><a href="http://www.edginet.org/techie/website/cssimg.html">Putting images under CSS control.</a></li>
<li><a href="http://cyan-light.co.uk/overlays/">Transparent Image
Overlays</a></li>
You don't need the <p> tag inside the <li> tags.

Here is the Sources program. (http://exitfegs.co.uk/Sources.html)

You can select the start number of the OL using <li value="your choice of number">Your chosen text or link.</li>

Frank