Preserved Topic: OL and UL (Page 1 of 1)

Hey all! I'm having a bit of a problem. Here's my code:

<ol>

<li>What happens to the ball bearing when it...</li>

<ul>

<li>Rolls near the magnet?</li>

<li>Rolls far from the magnet?</li>

<li>Rolls fast?</li>

<li>Rolls slow?</li>

</ul>

<li>How should you roll the ball bearing to make it curl around the magnet? What speed, 

starting distance, path, or direction?</li>

</ol>

And here's the problem: It all display's VERY nicely...only the second number (there are only two) comes out to 5 on my ie instead of 2, which is should be. Did I forget something? Any help would be appreciated. Let me know if you need to see my whole page or anything. I do have a css style sheet that's referenced in the header...I don't know if that would make a difference. As far as for it's relevance to this particular part of my code, it only adds 13 px after each li. But lemmie know if you need to see it.

Thank so much everyone!

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu
http://www.geocities.com/genevievescu/

Let's see the CSS. There are numerous IE bugs with list numbering; I have no personal experience with it, but maybe we could find a workaround or something.

Wouldn't hurt to see the (non)working version, too.

Slime: Thanks for the reply!

Here is the link to the page itself: (well, via my website...it's still on my desktop and not on our webserver at work yet) http://www.geocities.com/genevievescu/Ozone/Page31.html/


And here is a link to the CSS code...which I will list below. Note: I haven't had any problems w/ it on the 30 other pages lol...since I'm using it for the entire "booklet": http://www.geocities.com/genevievescu/Ozone/style1.css/

body {margin: 10px;}

h1, h2, h3, h4, h5 {text-align: center;}

li {margin-bottom: 13px;}

See? Not much to it!

Thanks again!

[edit: spelling. lol. Hey! I never claimed I could!]

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu/
http://www.geocities.com/genevievescu/

[This message has been edited by Genevieve (edited 09-04-2002).]

[This message has been edited by Genevieve (edited 09-04-2002).]

Oh... this might be a case of incorrect HTML code. You can't have a list directly inside another list; everything within <ol> or <ul> tags needs to be within an <li> tag. So try replacing

<li>What happens to the ball bearing when it...</li>
<ul>
<li>Rolls near the magnet?</li>
<li>Rolls far from the magnet?</li>
<li>Rolls fast?</li>
<li>Rolls slow?</li>
</ul>

with

<li>What happens to the ball bearing when it...
<ul>
<li>Rolls near the magnet?</li>
<li>Rolls far from the magnet?</li>
<li>Rolls fast?</li>
<li>Rolls slow?</li>
</ul>
</li>

And see what happens.

I'm using IE6, which seems to handle this correctly regardless (I get a 1 and a 2, no 5), so it may be partially caused by a bug in IE5 (which I assume you're using), and may not go away with that fix. But try it and see what happens.

Perfect! Thanks so much! Hehe. That was a stupid mistake, though honestly, I never really thought about the fact that it ALL needed to be in that <li></li>, though I have seen that before. Thanks for catching that Slime! I really appreciate your help.

I'm using IE 5 for MAC, which is as high as I can go w/ an 8.1 OS, though I'm supposed to get a rebuilt one w/ a higher os. Still, this has to work for as many browsers (old and new) as possible as all sorts of people end up at our pages so I guess it's good I get the bugs...I'd rather learn good coding than have the browser fix it for me, ya know?

Genevieve Hokanson
Student Intern, GPB
http://einstein.stanford.edu/
http://www.geocities.com/genevievescu/