Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post

    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

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    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:

    Code:
    p {font: normal normal 100 11px tahoma; text-align: justify;}
    try using this

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

  • #3
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Maybe it was quick typing, but you ended your <p> tags with <br>.

    Further, you don't want to put tags in upper case.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #4
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post
    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

  • #5
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    I suggest writing code that now conforms to XHTML standards. Change your code to this (using the CSS provided by JCDevelopement):

    Code:
    <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.

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    If you look at the Sources program in my signature. View code - it is full of ordered lists.

    Code:
          <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.


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

    Frank
    Last edited by effpeetee; 07-21-2008 at 05:25 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •