[SOLVED] Having a bit of trouble getting my ordered list to be ordered.

mcdanielnc89 · November 6th, 2007, 11:56 PM

Hey guys,

I am having trouble getting my ordered list(s) on my rules page to be ordered. I'm sure it's just a small error that i MUST be overlooking but cannot find it.

Here is a screenshot.

Here's the code.

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>New Breed Jesus Freaks</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="keywords" content="words here">
    <meta name="description" content="words here">
    <link href="includes/style.css" rel="stylesheet" type="text/css">
    <link href="includes/layout.css" rel="stylesheet" type="text/css">
    <link href="includes/menu.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="includes/show5.js"></script>
  
</head>
<body onload="javascript:show5();">
<div id="wrapper">
    <div id="inner" class="clearfix">
 <div id="content">
     <div id="header">
  <span id="liveclock" style="position:absolute;right:10px;top:-20px;"></span>
  <img src="images/topbanner.png" alt="Logo" width="100%" height="150">
     </div>
     <div id="left">
      <ul id="menu">
   <li><a href="index.php" class="">Home</a></li>
   <li><a href="index.php?page=aboutus" class="">About Us</a></li>
   <li><a href="index.php?page=signin">Monthly Sign-in</a></li>
   <li><a href="index.php?page=statementoffaith">Statement of Faith</a></li>
   <li><a href="http://www.forums.newbreedjesusfreaks.com">Forums</a></li>
   <li><a href="index.php?page=rules">Rules</a></li>
   <li><a href="http://www.chat.newbreedjesusfreaks.com">Chatroom</a></li>
   <li><a href="index.php?page=downloads">Downloads</a></li>
   <li><a href="index.php?page=requests">Requests</a></li>
   <li><a href="index.php?page=tencommandments">Ten Commandments</a></li>
   <li><a href="#">Pictures</a></li>
   <li><a href="index.php?page=staff">Staff</a></li>
   <li><a href="index.php?page=memberofthemonth">Member of the Month</a></li>
   <li><a href="index.php?page=puritypledge">Purity Pledge</a></li>
   <li><a href="index.php?page=links">Links</a></li>
   <li><a href="index.php?page=search">Search</a></li>
   <li><a href="index.php?page=donate">Support Us</a></li>
   <li><a href="index.php?page=contactus">Contact Us</a></li>
      </ul>
  </div>

     <div id="content2">
      <div id="content3">
      <div style="text-align:left">
  <div id="centeredimage">
  <img class="image1" alt="Rules Logo" src="images/rules.png" height=
  "83"> 
 <br>
  <br>
  <ul>
    <li>
      <h2>
        Read Before Joining
      </h2>
    </li>
  </ul>
  <p class="style8">
    New Breed Jesus Freaks is a G-rated community. Our rules
    are here for your safety in this group. They're here to
    keep the bad language and other unacceptable things out
    of the site. If you break the rules, it could cost you
    our membership. The management has the final say! We are
    here to try to do our best for God. If you get banned
    from the group you will remain banned until the staff get
    an apology letter and you must mean it, and then the
    managers still have the last say in it so don't get on
    the bad side.
  </p><br>
  <p class="style8">
    Racial epithets are <span class="underline">NOT</span>
    allowed and you will be banned on the spot for doing so.
  </p><br>
  <ul>
    <li>
      <h2>
        Language
      </h2>
    </li>
  </ul>
  <p class="style8">
    Please do not use any foul language in the forums or the
    chat room. Both are to be used for glorifying God's name
    and upliftment of each other. If you swear, you
    <span class="underline">will be</span> kicked by a host.
    Do not put symbols as a replacement for letters for foul
    words. If you re-enter the room and start swearing, you
    will be banned from the site and your offending posted
    messages deleted from the forums if there are any! The
    words are up to the host/owners judgment at the time of
    the matter. Please do not argue with the decision they
    make. However, if you have a complaint about a decision
    made please e-mail the staff and someone will work with
    you as soon as possible. We understand that some talk is
    necessary and everyday questions need to be answered.
  </p><br>
  <p class="style8">
    This is an English speaking room. Please refrain from
    using other languages as the hosts/chatters very well
    might not understand.(Unless otherwise accepted.) We
    understand that sometimes you would like to speak in your
    own native language or another language that suits you,
    but please do not in regular chat. However, if you are to
    find someone else that speaks the same language you are
    free to do so in whisper.
  </p><br>
  <ul>
    <li>
      <h2>
        Profiles
      </h2>
    </li>
  </ul>
  <p class="style8">
    If you have a profile, please ensure that it is clean,
    profanity free, and has no dirty pictures or websites. If
    we find that you have a profile that is in any way foul,
    we will ask you to change it so that it is fit for
    Christian member viewing. If you choose not to change it,
    we will be forced to change it for you and then if we see
    that you have changed it back then it can result in an
    immediate ban!
  </p>
  <table cellpadding="5" cellspacing="5" id="rulestable">
   <tr>
      <td>
        <ol>
          <li>Warning
          </li>
          <li>15 minute ban
          </li>
          <li>1 hr. ban
          </li>
          <li>1 week ban from site
          </li>
          <li>Life time ban
          </li>
        </ol>
      </td>
    </tr>
  </table><br>
  <ul>
    <li>
      <h2>
        No Romantic Chat
      </h2>
    </li>
  </ul>
  <p class="style8">
    If you want to talk romantically, please use the whisper
    option or please use the other communities which are
    specifically designed for the romantically inclined.
  </p><br>
  <ul>
    <li>
      <h2>
        Blastpheming God
      </h2>
    </li>
  </ul>
  <p class="style8">
    We do not blaspheme God in any way. He is worthy of our
    respect and praise, not of foul words or disrespect -- If
    you are not a Christian we expect the same from you.
    Please respect the views that we hold true.
  </p><br>
  <ul>
    <li>
      <h2>
        Caps
      </h2>
    </li>
  </ul>
  <p class="style8">
    Please do not use all caps as it is quite annoying, this
    includes some fonts which register as all caps. They are
    considered shouting and also caps are heard as shouting
    by the sight impaired that use voice recognition
    software. If you use all caps <span class=
    "underline">(LIKE THIS)</span>. You will have one
    warning. The next time you do it you will be a spectator,
    and the third time you will be kicked out. If a host
    happens to do this they will get a warning and the next
    time they will lose their hammer, then they will be
    kicked.
  </p><br>
  <ul>
    <li>
      <h2>
        Mailing addresses, Phone numbers, &amp; Home
        addresses
      </h2>
    </li>
  </ul>
  <p class="style8">
    For the overall safety of all of our chatters we also ask
    that you keep all personal conversations dealing with
    mailing addresses, phone numbers, and other information
    dealing with your own personal information to the whisper
    box so that no lurking member can gather the information.
  </p><br>
  <ul>
    <li>
      <h2>
        Links &amp; Fonts
      </h2>
    </li>
  </ul>
  <p class="style8">
    If you have a link to a site that is pertinent to a
    conversation and you would like it posted you can whisper
    a host and they will review your request to make sure the
    content the of the site is appropriate. (This doesn't
    apply all the time.)
  </p><br>
  <p class="style8">
    We also ask that you be considerate when using your
    fonts. Many fonts come up on the screen as hard to read
    and can cause pain to the head. Although they might seem
    cool you can not read them. <span class="underline">Lime
    Green, Light Blue, &amp; Yellow</span> are forbidden to
    be used in chat. Do not even ask to use them for any
    certain reason.
  </p><br>
  <ul>
    <li>
      <h2>
        Hosting
      </h2>
    </li>
  </ul>
  <p class="style8">
    Please do not post the rules or act like a host as that
    is the host's job. Please don't ask to be a host. If you
    are interested in hosting then please whisper a host and
    ask them how to sign up or if the staff would like you to
    be a host they will ask you. Alternatively you may go to
    the <a href="hostingapplication.php">Hosting Page</a> to
    read and fill out the form on the page.
  </p><br>
  <ul>
    <li>
      <h2>
        Arguments
      </h2>
    </li>
  </ul>
  <p class="style8">
    Do not bring arguments into chat. If an argument starts,
    quickly take it to whisper or somewhere else. It is
    Prohibited! If it happens in the main room you will be
    removed from the room!
  </p>
  <table cellpadding="5" cellspacing="5" id="rulestable2">
    <tr>
      <td>
        <ol>
          <li>Warning
          </li>
          <li>A Kick
          </li>
          <li>1 Hour Ban
          </li>
          <li>Talk With Admin
          </li>
        </ol>
      </td>
    </tr>
  </table><br>
  <ul>
    <li>
      <h2>
        Harassment
      </h2>
    </li>
  </ul>
  <p class="style8">
    Please do not harass the hosts or chatters. If you have a
    problem with someone take it to whispers. This is a room
    to show God's love, we do not make fun of each other or
    tell each other off. In the case that you are unable to
    resolve the matter peacefully with the person please
    whisper a host. <span class="underline">(NO PUT DOWNS
    EITHER) [Flaming, A.K.A. Bashing will not be
    allowed.]</span>
  </p>
  <p class="style8">
    If you are kicked from the chat room and you don't know
    why you were kicked, please don't cause a scene in the
    chat room. Whisper a host and ask them why you were
    kicked. Same goes if you are in the room when someone
    else gets kicked and you don't know why; Please don't
    cause a scene in the room, whisper a host. If you are
    kicked please do stay out of the room for your banned
    time.
  </p><br>
  <br>
  <h1>
    ~Disclaimer~
  </h1><br>
  <p class="style8">
    The views expressed by some members/guests are not views
    of Moderators. The moderators reserve the right to alter
    rules and delete when they feel led. Admin's/mods have
    the exclusive right to delete or edit all of the content
    in this site they find objectionable. All content is
    subject to this decision. Please let's have no
    advertising each other groups on any of the boards except
    the one made for advertising. If you'd like your group to
    be advertised, please email the advertising team at
    <a href=
    "mailto:advertising@newbreedjesusfreaks.com">advertising@newbreedjesusfreaks.com</a>.
    You will have a total of three strikes and on the fourth
    strike you will be banned if you do not follow this rule.
  </p><br>
  <p class="style10">
    Please lets have no talking about drugs or alcohol in
    chat.
  </p><br>
  <p class="style10">
    (NOTE: It is impossible to make everyone happy all of the
    time.)
  </p><br>
  <p class="style12">
    Community &amp; Chat Room Rules - Revised September 2007
  </p><br>
  <p class="style2">
    If you have and questions about the rules or think there
    should be a rule added please email the Admin using the
    <a href="#" onclick="window.open('contactus.php');">contact page</a>!.
  </p><br>
  <br>
    <img class="image1" src="http://www.newbreedjesusfreaks.com/images/rules/Jesus01.gif" alt="Rules Bottom logo" width="180" height="179">
</div>
</div>  </div>
     </div>
     </div>
    </div>
  <div id="m"></div>
</div>
<div id="footer">
    <div id="logos">
      <a href=
      "http://validator.w3.org/check?uri=referer">
      <img src="images/valid-html401-blue.png" alt=
      "Valid HTML 4.01 Strict"></a> <a href="
      http://jigsaw.w3.org/css-validator/check/referer">
    <img src="
      images/valid-css-blue.png" alt="Valid CSS!"></a>
    </div>
    <a href="#" style="position: absolute; left: 0; top: -10px;" class="adminlogin" onclick="window.open('http://www.newbreedjesusfreaks.com/cpanel/');">Admin Login</a>
   <div id="copy">
     <p>Copyright &copy; 2003-2007 <a href="#" class="adminlogin" onclick="window.open('http://www.newbreedjesusfreaks.com/');">New Breed Jesus Freaks</a>. All Rights Reserved.</p>
    <p>Web Design &amp; Development by New Breed Jesus Freaks</p>  
    </div>
</div>
</body>
</html>

Monie · November 7th, 2007, 12:17 AM

What kind of HTMl is that? What will be the problem again?

mcdanielnc89 · November 7th, 2007, 12:25 AM

oh my, loooool.. Letme fix that rubbish, lol...

EDIT: FIXED!

Monie · November 7th, 2007, 12:35 AM

That's more promising..
And the CSS file (where you style your ordered list) will look's like...?

mcdanielnc89 · November 7th, 2007, 12:39 AM

HTML Code:

ol li {
 font-family: Arial, Verdana, sans-serif;
 font-size: 10pt;
 padding-right: -20px;
}

and heres the table info.

HTML Code:

#rulestable {
 background: #3399FF;
 width: 30%;
 border-top: 2px solid #FF0000; 
 border-bottom: 2px solid #FF0000; 
 border-left: 2px solid #FF0000; 
 border-right: 2px solid #FF0000;
}
#rulestable td, tr {
 padding: 5px;
 color: #000000;
 text-align: left;
 font-family: Arial, Verdana, sans-serif;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 font-size: 12pt;
}

Monie · November 7th, 2007, 12:48 AM

So your problem is?

mcdanielnc89 · November 7th, 2007, 12:49 AM

gee, lol... umm. the ordered list doesn't number like 1.2.3.4.5. and so on.. jsut shows the content.

Monie · November 7th, 2007, 12:50 AM

Its weired tho...
I get this from your css..

Monie · November 7th, 2007, 12:54 AM

Try set the id of your ol like <ol id="mylist"> and change your css to

HTML Code:

#mylist li {
font-family: Arial, Verdana, sans-serif;
font-size: 10pt;
padding-right: -20px;
}

mcdanielnc89 · November 7th, 2007, 01:07 AM

hmm, nope. didn't work.

Monie · November 7th, 2007, 01:37 AM

How come I get the result that you wanted?
post you full css here..

MikeHopley · November 7th, 2007, 04:08 AM

Quote:

Originally Posted by monie

Try set the id of your ol like <ol id="mylist"> and change your css to

HTML Code:

 .mylist li {
font-family: Arial, Verdana, sans-serif;
font-size: 10pt;
padding-right: -20px;
}

No, that will not work. ".mylist" looks for the class of "mylist", not the id. Id would be "#mylist".

Monie · November 7th, 2007, 04:21 AM

Ooopsss...! Sorry about that!

You did not notice that mcdaniel? Obviously you just copy/paste everything we gave you, lol!

You should get to know "them" once in a while so you could be their "best friend"! lol

Daniel · November 7th, 2007, 04:24 AM

In your first post.... you have in the code: <ul id="menu">

Surely that would make it unordered?

Monie · November 7th, 2007, 04:32 AM

Quote:

Originally Posted by monie

Try set the id of your ol like <ol id="mylist"> and change your css to

HTML Code:

#mylist li {
font-family: Arial, Verdana, sans-serif;
font-size: 10pt;
padding-right: -20px;
}

That's why I was suggesting to put the id in the list in order for the style not to be conflicted with other list item in the same page..

That should solve it!

mcdanielnc89 · November 7th, 2007, 11:34 AM

erm.. I always look o ver simple mistakes for some reason. Ya'll prolly think i'm retarded..

mcdanielnc89 · November 7th, 2007, 11:52 AM

I do not understand why it works for you all but not for me. This is getting very frustrating...

here's the css i now have for the ol tag. there i sno other ol's code in my css's. just this one..

HTML Code:

#mylist li {
 font-family: Arial, Verdana, sans-serif;
 font-size: 10pt;
 padding-right: -20px;
}

karinne · November 7th, 2007, 11:54 AM

Why don't you post a link then? There might be some code that we are not seeing that's affecting it.

Marc · November 7th, 2007, 11:58 AM

It works for me with your original code...

Have you got it hosted anywhere?

mcdanielnc89 · November 7th, 2007, 12:45 PM

yes it's on http://www.newbreedjesusfreaks.com/index.php?page=rules