Question
Hi
I'm not sure if this is the correct forum.
I am making an ordered list.
I have my list...looks good.
I want to put a small image under each item on the list.
example
1. xxxxxx
image
2. xxxxx
image
I tried putting the image as above but it put all images at the end of the list.
Can what I want to do be done?
Can you put images inside a list?
Did that make sense?
I may be able to accomplish the same thing without the ordered list but it looks so "ordered"
Thanks
Answer
Have you tried a paragraph break after each line, or the basic <br> tag?
Answer
Hi ya Meya!
Thanks for the idea but it did some weird layout stuff.
I tried a couple of things, I even googled it but I haven't come across anything yet.
Answer
OH OH OH I think I found it at Lissa Explains HTML!
I am going to go see if I can do it.
Oh darn, that's not it. It was to make your bullet into an image.
But that was informative too.
Answer
Here goes.
Can you add the number TO the photograph itself, and re-save it as a 'new' photograph?
Trying to line up a number (text) with a photo (a href=) may not work with all browsers. Some may see the photo WAY 'north' or WAY 'south' of the number, thus rendering your 'initial design' worthless.
You MIGHT be able to do it with tables, but I am NOT the one to ask for help there! My knowledge of tables extends ONLY to those made of wood with four legs.
Answer
On each list item, place a <br /><br /> at the end, then your image. This should give you what you want..
Here's the code if you want to just cut/paste into an html page and test to see how close it is to what you want.
HTML Code:
<ol>
<li>This is the first item and whatever you want to say here. You can just put the image in...<br><br>
<img src=") code to represent a non-breaking, or blank, space. When you type several consecutive spaces into an HTML file, only the first space is recognized; all spaces that follow are ignored. But you can force blank spaces into an HTML page by typing " " (without quotes) for each blank space that you want to appear on the page.
.
Answer
Hi again
Here is my ordered list: it looks good on my page. I left the extra spaces
in between the tags so I could see it better.
I ran my code through a checker and it says I have one error. and
It tells me where the error is, but it's the closing tag on line 15 and I thought each li had to have a closing tag. Maybe there's an extra one and I just don't see it?
Lines 118-121 and lines 124-127 are the same and they have no error report.
Maybe I have just looked at it so long I don't see or understand the error?
0100:<h6><u>INSTRUCTIONS:</u></h6>
0101:
0102:<ol>
0103:<li>Cut Christmas fabric to 18" x 38"
0104:</li>
0105:
0106:
0107:<li>Hem each 18" side by folding under 1/4" twice and top stitching.
0108:</li>
0109:
0110:
0111:<li>With right sides together, fold in thirds, overlapping the hemmed ends by 3".
0112:Raw edges should be even.
0113:<br>
0114:<img src="images/flange1.jpg" width="173" height="125" alt="Image of overlapped hemmed edges of Christmas Flange Pillow">
0115:[4]^[5]^</i>
----:[4]^Error: unexpected </i> end tag in <li> element.Click here to learn more
----:[4]^Hint: error may be result of moving, removing or inserting tag.
----:[5]^Repair: discarding unexpected </i> tag.
0116:
0117:
0118:<li>Stitch a 1/2" seam along each raw edge. Turn right side out and press.
0119:<br>
0120:<img src="images/flange2.jpg" width="173" height="125" alt="Image of stitched seams of Christmas Flange Pillow">
0121:</li>
0122:
0123:
0124:<li>Top stitch 2" from all four edges to create the flange.
0125:<br>
0126:<img src="images/flange3.jpg" width="173" height="125" alt="Image of finished Christmas Flange Pillow">
0127:</li>
0128:
0129:
0130:<li>Insert 14" pillow form...Now wasn't that quick and easy?
0131:</li>
0132:</ol>
If I am reading it right, it says I need to remove the closing tag on line 16. But I have the same thing three more times afterwards and it says it's OK.
I am going nuts here.
What do you think?
Thanks
Patty
Answer
You have a </i instead of a </li on line 115..
-Jim