I'm having trouble with classes and the display element. I need to display elements of a class in my html document as list items.
i have 9 of these in the document, all basically the same

<div class="notes" id="point0">
			<a href="longs.htm" style="position: absolute; left: 560; top: 60;">
            <img src="image0.jpg" alt="" />
            <p>
               <span>3:30 a.m.</span> Start from the Longs Peak Ranger Station, 
                nine miles south of Estes Park. Be sure to pack food, extra water, 
                sunblock, and warm clothes, gloves, and caps.
            </p></a>
      </div>

at the top of the document i have 2 embedded style sheets. I'm having issues with the one for printing.

<style type="text/css" media="print">

		.notes 
			{
				display: list-item;
				list-style-type: disc;
				font-family: sans-serif; 
				font-size: 12pt;
			}	
	</style>

what I don't understand is why it isn't displaying this as a list. I should also mention this is an assignment for school so if that is an issue, could someone please point me to an example of something similar thanks for any and all help.
~edit~
I thought I would mention that it currently doesn't output anything

Recommended Answers

All 2 Replies

I actually figured my problem out. I had to take the positioning out of the links itself and make them part of my first style sheet and after a few more changes got everything working

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.