Jump to content

Can <ul>'s Be Used Like This?


Elemental
 Share

Recommended Posts

Hello Folks,Quick ?... Is the following nesting or placement of <ul>'s allowed? IE is okay with all the links on the page, images and text, but FF and O are only responsive to the last Section's links. I encluded the DOCTYPE FYI, but I know it wont validate as is...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<A href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</A>"><html xmlns="<A href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</A>" xml:lang="en" lang="en"><head><title>Word On The Street_00</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><script type="text/javascript" src="jsLib/linksScript.js"></script><link rel="shortcut icon" href="favicon.ico" /><link rel="stylesheet" type="text/css" href="css/wordonthestreets_00.css" media="screen" /><link rel="stylesheet" type="text/css" href="css/globalNav_header-footerStyles.css" media="screen" /></head><body id="top">

I removed the NavBar

<hr id="here" /></div><!-- END nav_header //--><div id="pageContent"><h2>Word On The Street</h2><!-- ****** anchor headings //--><div id="anchorHeadings"><a id="lft" href="#oe">Our Events</a><a id="cntr" href="#ch">Childrens' Howls</a><a id="rght" href="#whp">We Have Press</a></div><!-- ************ BEGIN Testimonials //--><div id="events"><!-- ************ BEGIN Events //--><h3 id="oe">Our Events</h3><ul class="testimonial"><li>When I bid on a silent auction item for Shadowland Foundation I knew it would be an experience that would fuel my heart.  When I actually WON the bid I cried.  Sharing the event with my brother and friends was beyond amazing.  Paul and Colette educated us on the current situation wolves are now facing and how we can make a difference.   Thank you Paul and Colette.<span class="byName">- Barbara Fenley</span></li><li>Magical experiences don't happen every day. Having your wolves come to my home was not only magical, but informative, fun and exciting. You make the whole experience something that everyone at all ages can enjoy. From learning about how wolves live in the wild to getting  to interact with them in a safe and intimate way, it is a something we will all treasure as a precious memory.<span class="byName">- John Livesay</span></li><li>I Thank you sooooo much!  You guys have been the talk of the town!  Especially how gentle Takoda was with the baby!  We couldn't get over how he took to the baby! We loved your presentation. Thank you again,<span class="byName">- Kytti ArmandThe Enlightened Path CenterPalm Desert, CA</span></li><a class="back2top" href="#top">top</a><li>We loved your story. It was inspirational and your family is beautiful.<span class="byName">- Brad & Marilee Blaisedell</span></li><a class="back2top" href="#top">top</a></ul></div><!-- ******** END Events //--><!-- ******************************************* To Help Separate The Sections Visually **************** //--><div id="howls"><!-- *********** BEGIN Childrens' Howls //--><h3 id="ch">Childrens' Howls</h3><p>The following are letters and drawings of our wolves that we have received from children. We typed what the child wrote in the Left column for <dfn>reader agents</dfn>, unfortunately some things, small drawings for example, could not be typed. The Middle (text) and Right (drawings) columns are the scanned (images) original documents, click on them to enlarge the image, they will open in a separate window.</p><ul class="testimonial"><li id="annika"><!-- ******** Annika ******* //--><p>Thurs, 12/03/09Dear Colette and Paul,Thank you for coming to our school (F.S.C.) and teaching us about wolves. I did not know that if you take a wolf from its original habitat, all the Elk would eat all of the vagitation in that area and ruin the wild life.  I think my favorite part was petting Shadow, Allie, and Takota.From, Annika Group3.</p><div class="textImg"><a href="testimonials/FSC/annikaText.html", target="_blank" onclick="open_textImg(this.href); return false"><img src="testimonials/FSC/annikaTxt_Icon.jpg" /></a></div><div class="artImg"><a href="testimonials/FSC/annikaArt.html", target="_blank" onclick="open_artImg(this.href); return false"><img src="testimonials/FSC/annikaArt_Icon.jpg" /></a></div></li><a class="back2top" href="#top">top</a><li id="brandon"><!-- ******** Brandon ******* //--><p>12/3/09Dear Shadowland Foundation,Thank you for coming to our school and showing us the wolves. <strong>I really liked Allie and Takota.</strong> I thought Takota was really tall. I thought Shadow and Allie were really colorful.FromBrandon(then a drawing of a wolf at the bottom right)</p><div class="textImg"><a href="testimonials/FSC/brandonText.html", target="_blank" onclick="open_textImg(this.href); return false"><img src="testimonials/FSC/brandonTxt_Icon.jpg" /></a></div></li><a class="back2top" href="#top">top</a><li id="will"><!-- ******** Will ******* //--><p>Will    12-3-09Dear Colette and Paul,It was very nice of you to bring Shadow, Allie and Takoda to our school. I loved seeing the wolves again!Thank you,Will(a drawing of Shadow and her name, then at the bottom to the right of the drawing)P.S., Shadow is CUTE.</p><div class="textImg"><a href="testimonials/FSC/willText.html", target="_blank" onclick="open_textImg(this.href); return false"><img src="testimonials/FSC/willTxt_Icon.jpg" /></a></div></li><a class="back2top" href="#top">top</a></ul></div><!-- ********* END Childrens' Howls //--><!-- ****************************************** To Help Separate The Sections  Visually **************** //--><div id="press"><!-- *********** BEGIN We Have Press //--><h3 id="whp">We Have Press</h3><ul class="testimonial"><li><a href="Valley_residents_learn_about_wolves.html">Valley Residents learn about wolves</a>:An online review given by Charlotte R. Rios, one of the attendee's at our Palm Spring Desert event on September 3, 2009 and posted by Jamie Lee Pricer / from <a href="<A href="http://www.mydesert.com/">http://www.mydesert.com</A>", target="_blank">My Desert.com</a>.</li><a class="back2top" href="#top">top</a></ul></div><!-- *********** END We Have Press //--><!-- ********* END Testimonials //--></div><!-- END pageContent //--></div><!-- *********** END container //--></body></html>

Link to comment
Share on other sites

I haven't looked at everything, but one recurring issue is your "back2top" elements. The direct children of a <ul> element can only be <li> elements. Nothing else. Nothing between <li> elements (except whitespace). Other kinds of elements can be children of the <li> elements; that is the only way to put other elements into a list.The mydesert.com link is malformed.

Link to comment
Share on other sites

I haven't looked at everything, but one recurring issue is your "back2top" elements. The direct children of a <ul> element can only be <li> elements. Nothing else. Nothing between <li> elements (except whitespace). Other kinds of elements can be children of the <li> elements; that is the only way to put other elements into a list.The mydesert.com link is malformed.
Deirdre's Dad, Thank you again, much appreciated.I thought as much but since it was working on IE and then the last <ul> was working on all of them????The link, that's weird, I looked at my post and that's not what I have on my document, perhaps it didn't like the copy and paste???Thank you again, I'll rework the <ul>'s******************************************Just an FYI for anyone reading this...I moved all the anchor-links into the LI element but that still did not correct the problem, what did it was removing all the DIV's where the UL's were nested. Once I did that and changed the appropriate CSS values it started to hummmmmm; yeah, that did it.Thank you again, Sir.Peace,Elemental Edited by Elemental
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...