Skip navigation
sturmgeshutz
Currently Being Moderated

Having problem with banner slider

Jul 15, 2012 7:04 PM

www.webslingerz.ca

 

Hey gang, trying to figure out why my banner isn't working. It is supposed to fade an image in every few seconds (i am just using the same image for now) with a drop down box over the image. Any help would be grateful. My validation errors are;

 

Line 102, Column 34: document type does not allow element "div" here; assuming missing "li" start-tag

               <div class="clear sliderImage"></div>

 

 

Line 103, Column 7: end tag for "li" omitted, but OMITTAG NO was specified

          </ul>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

 

Line 102, Column 4: start tag was here

               <div class="clear sliderImage"></div>
 
Replies
  • Currently Being Moderated
    Jul 16, 2012 5:12 AM   in reply to sturmgeshutz

    Without seeing the actual code to your page, we can only guess, and mine (based on the snippets you've provided above) is that you have not completely coded your slider container. I suspect it should look something like this:

     

         <div class="clearSliderImage">

              <ul>

                   <li><img src="Images/YourImage_01.jpg" alt="description"/></li>

                   <li><img src="Images/YourImage_02.jpg" alt="description"/></li>

                   <li><img src="Images/YourImage_03.jpg" alt="description"/></li>

              </ul>

         </div>

     

    Note I removed the space from your class="clear sliderImage" designation. Spaces are never a good idea for naming conventions.  Better to use all lower case, a mix of upper and lower case (as I have  done), and the hyphen or underscore to assist in clarity.

     

    Hope this helps.

     

    Chris

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 16, 2012 8:32 AM   in reply to sturmgeshutz

    Change media="print" to media="screen" as below:

     

    <link rel="stylesheet" type="text/css" href="css/slider.css" media="screen" />

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points