Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer HTML won't validate (UL and LI problems)

    http://tinyurl.com/nfwb72

    That's the site, and I got 2 problems with it.

    One - constant errors when I try to validate the document.

    I get 20 errors, and 18 of them are

    "document type does not allow element "LI" here"

    Also, the arrow button that slides the images looks in place in Firefox (right on the border of the outline) - but in Chrome it goes 10 pixels to the left. Anyone knows why?

    I don't know why I keep getting that error - so if anyone knows how to get rid of that...thanks

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,789
    Thanks
    6
    Thanked 1,022 Times in 995 Posts
    You can’t put any element as direct child into a list (ul/ol) except list items.

    wrong:
    Code:
    <ul>
    	<h5>…</h5>
    	<div>…</div>
    	<li>…</li>
    </ul>
    correct:
    Code:
    <ul>
    	<li>…</li>
    	<li>…</li>
    	<li>…</li>
    </ul>
    You can put any element inside those list items, though, for example:
    Code:
    <ul>
    	<li>
    		<h5>…</h5>
    		<ul>
    			<li>…</li>
    		</ul>
    	</li>
    	<li>…</li>
    </ul>
    Also please watch out for the correct document outline. You can’t use fifth level headings if you aren’t using the four levels above. Read http://www.456bereastreet.com/archiv...ment_outlines/ and http://lynnepope.net/document-outline
    Last edited by VIPStephan; 06-22-2009 at 01:24 PM.

  • Users who have thanked VIPStephan for this post:

    TrackNField (06-22-2009)

  • #3
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hey thanks for the tip!

    But I need to define the list style with div...how can I do that?


    Basically I'm trying to make a footer with sitemap links, if theres any "cleaner" way to do it?

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,789
    Thanks
    6
    Thanked 1,022 Times in 995 Posts
    There is a cleaner way. As I showed above you can nest lists. You have a regular list with list items (which you align next to each other by floating them) and in these list items you put the headings and sub-lists.

  • #5
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks, will try to make the list in the correct way.

    Can you tell me how does the page look in IE? I don't have it on my computer.


    And also, those left and right picture slider buttons, are they in place, because in Chrome they seem a little bit off


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •