...

View Full Version : Ordered list question



SteveH
07-21-2008, 01:13 PM
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

jcdevelopment
07-21-2008, 02:46 PM
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;}

jerry62704
07-21-2008, 03:08 PM
Maybe it was quick typing, but you ended your <p> tags with <br>.

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

SteveH
07-21-2008, 03:14 PM
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

macwiz
07-21-2008, 04:42 PM
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.

effpeetee
07-21-2008, 04:52 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum