3 Replies Latest reply: Apr 22, 2012 11:12 AM by Nancy O. RSS

    Need help fixing validation report errors

    blackmuneca

      Here are errors I am getting:

       

      Validator Results

       

       

       

        Report date:    April 22 2012 

        Report time:    06:30:33 

      Severity File Description Line
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "type" not specified 127
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "type" not specified 128
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlthere is no attribute "tabindex" 147
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlthere is no attribute "height" 151
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 153
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 154
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 155
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 156
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 159
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 160
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 162
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 163
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 166
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 167
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 168
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 169
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 172
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 173
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 174
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 175
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 185
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 186
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 196
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlrequired attribute "alt" not specified 197
      Error C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmldocument type does not allow element "link" here 213
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 153
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 153
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 153
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 153
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 153
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 154
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 154
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 154
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 154
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 154
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 155
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 155
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 155
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 155
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 156
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 156
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 156
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 156
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 159
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 159
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 159
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 159
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 159
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 160
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 160
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 160
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 160
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 160
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 161
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 161
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 161
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 161
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 163
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 163
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 163
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 163
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 166
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 166
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 166
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 166
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 167
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 167
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 167
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 167
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 168
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 168
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 168
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 168
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 169
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 169
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 169
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 169
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 172
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 172
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 172
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 172
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 173
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 173
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 173
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 173
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 173
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 174
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 174
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 174
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 174
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 174
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 175
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 175
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "&" is the first character of a delimiter but occurred as data 175
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 175
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 175
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 185
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 185
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 185
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 185
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 186
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 186
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 186
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 186
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 196
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 196
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 196
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 196
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 197
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 197
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 197
      Warning C:\Users\Sylvester Aleong\Pictures\KADweb\KAD\KADport1.htmlcharacter "<" is the first character of a delimiter but occurred as data 197

      Error/Warning Type Count
      Total errors: 25
      Total warnings: 87
      Total nesting errors: 0
      Total messages: 0

       

        • 1. Re: Need help fixing validation report errors
          blackmuneca Community Member

          I created a lightbox for my portfolio images and it works in the live view and browser view but when upload it, it does not work. Thanks

           

          Here is the link: designs1.net/portfolio/KAD/index.html

           

          Here is the code:

           

           

           

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

          <title>Untitled Document</title>

          <style type="text/css">

          <!--

          body {

              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

              background: #42413C;

              margin: 0;

              padding: 0;

              color: #000;

          }

           

          /* ~~ Element/tag selectors ~~ */

          ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */

              padding: 0;

              margin: 0;

          }

          h1, h2, h3, h4, h5, h6, p {

              margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */

              padding-right: 15px;

              padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */

          }

          a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */

              border: none;

          }

          /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

          a:link {

              color: #42413C;

              text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */

          }

          a:visited {

              color: #6E6C64;

              text-decoration: underline;

          }

          a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */

              text-decoration: none;

          }

           

          /* ~~ this fixed width container surrounds the other divs ~~ */

          .container {

              width: 1024px;

              background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */

              height: 768px;

              margin-top: 0;

              margin-right: auto;

              margin-bottom: 0;

              margin-left: auto;

          }

           

          /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */

          .header {

              height: 89px;

              width: 1024px;

              background-color: #ADB96E;

              background-image: url(images/KADprintport1_01.jpg);

          }

           

          /* ~~ This is the layout information. ~~

           

          1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

           

          */

           

          .content {

              height: 535px;

              width: 1024px;

              padding-top: 10px;

              padding-right: 0;

              padding-bottom: 10px;

              padding-left: 0;

              background-image: url(images/KADprintport1_02.jpg);

          }

           

          /* ~~ The footer ~~ */

          .footer {

              height: 102px;

              width: 1024px;

              padding-top: 10px;

              padding-right: 0;

              padding-bottom: 10px;

              padding-left: 0;

              background-color: #CCC49F;

              background-image: url(images/KADprintport1_03.jpg);

          }

           

          /* ~~ miscellaneous float/clear classes ~~ */

          .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

              float: right;

              margin-left: 8px;

          }

          .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */

              float: left;

              margin-right: 8px;

          }

          .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */

              clear:both;

              height:0;

              font-size: 1px;

              line-height: 0px;

          }

          #apDiv1 {

              position:absolute;

              width:643px;

              height:41px;

              z-index:1;

              left: 426px;

              top: 27px;

          }

          -->

          </style>

          <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

          <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>

          <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

          <style type="text/css">

          #apDiv2 {

              position:absolute;

              width:689px;

              height:538px;

              z-index:2;

              left: 394px;

              top: 107px;

          }

          </style>

          <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" /><script src="js/jquery-1.7.2.min.js"></script>

          <script src="js/lightbox.js"></script>

          </head>

           

          <body>

           

          <div class="container">

            <div class="header"><!-- end .header -->

              <div id="apDiv1">

                <ul id="MenuBar1" class="MenuBarHorizontal">

                  <li><a href="index.html">Home</a>        </li>

                  <li><a href="KADres.html">Resume</a></li>

                  <li><a href="KADport1.html"><strong>Portfolio</strong></a></li>

                  <li><a href="#">Process</a>        </li>

                  <li><a href="#">Contact</a></li>

                </ul>

              </div>

            </div>

            <div class="content">

              <div id="apDiv2">

                <div id="Accordion1" class="Accordion" tabindex="0">

                  <div class="AccordionPanel">

                    <div class="AccordionPanelTab">PRINT</div>

                    <div class="AccordionPanelContent">

                      <table width="687" height="196" border="0" cellpadding="5" cellspacing="5">

                        <tr>

                          <th align="center" scope="col"><a href="images/Large/_5515061140.jpg"rel="lightbox" title="Date Created:  12/4/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>This poster promotes Ecochic apparel with a tagline that resonates with the whole image appearance."><img src="images/Thumb/_5515061140.jpg" width="107" height="129" /></a></th>

                          <th align="center" scope="col"><a href="images/Large/_6374589227.jpg"rel="lightbox" title="Date Created:  2/11/2012<br><br>Program: Adobe Photoshop & Illustrator<br><br>A full color book cover, titled Music in the digital Age, using a combination of vector and raster imagery to express the theme of the book"><img src="images/Thumb/_6374589227.jpg" width="129" height="129" /></a></th>

                          <th align="center" scope="col"><a href="images/Large/_4734055001.jpg"rel="lightbox" title="Date Created:  8/21/2011<br><br>Program: Adobe Illustrator<br><br>This poster promotes the natural beauty of Alaska, Mt. McKinley and some of its wildlife to urge residents to take care of the environment."><img src="images/Thumb/_4734055001.jpg" width="129" height="101" /></a></th>

                          <th align="center" scope="col"><a href="images/Large/_5593210516.jpg"rel="lightbox" title="Date Created:  1/3/2012<br><br>Program: Adobe Photoshop<br><br>A collage of a designer’s work from the 1920s. "><img src="images/Thumb/_5593210516.jpg" width="129" height="99" /></a></th>

                        </tr>

                        <tr>

                          <td align="center"><a href="images/Large/_1467227833.jpg"rel="lightbox" title="Date Created:  8/12/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>Poster design promoting support for military soldiers and The American Red Cross"><img src="images/Thumb/_1467227833.jpg" width="129" height="103" /></a></td>

                          <td align="center"><a href="images/Large/_1252352166.jpg"rel="lightbox" title="Date Created:  12/4/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>A book cover redesign for Johannes Itten’s “The Art of Color”. "><img src="images/Thumb/_1252352166.jpg" width="129" height="79" /></a></td>

                          <td align="center"><a href="images/Large/_1771736232.jpg"rel="lightbox" title="Date Created:  3/25/2012<br><br>Program: Adobe Photoshop<br><br>

          An illustration of the movie Ghost DVD cover with only the use of typography and text effects."><img src="images/Thumb/_1771736232.jpg" width="129" height="91" /></a></td>

                          <td align="center"><a href="images/Large/_6554868794.jpg"rel="lightbox" title="Date Created:  8/6/2011<br><br>Program: Adobe Illustrator<br><br>Typographic poster using only words, color, different typefaces and Illustrator tools to illustrate the words of a song that resonate with me personally."><img src="images/Thumb/_6554868794.jpg" width="129" height="99" /></a></td>

                        </tr>

                        <tr>

                          <td align="center"><a href="images/Large/_7292231722.jpg"rel="lightbox" title="Date Created:  1/9/2012<br><br>Program: Adobe Photoshop<br><br> A smoke-like visual text effect using different colors, layers, and the gradient tool."><img src="images/Thumb/_7292231722.jpg" width="129" height="103" /></a></td>

                          <td align="center"><a href="images/Large/_9231445618.jpg"rel="lightbox" title="Date Created:  1/25/2012<br><br>Program: Adobe InDesign<br><br>A 2013 calendar design with wildcat animal theme."><img src="images/Thumb/_9231445618.jpg" width="86" height="129" /></a></td>

                          <td align="center"><a href="images/Large/_1396958091.jpg"rel="lightbox" title="Date Created:  3/3/2012<br><br>Program: Adobe InDesign<br><br> Brochure design for Rachael Ray cookware company."><img src="images/Thumb/_1396958091.jpg" width="129" height="99" /></a></td>

                          <td align="center"><a href="images/Large/_6955454525.jpg"rel="lightbox" title="Date Created:  3/11/2012<br><br>Program: Adobe Illustrator<br><br>Trifold brochure design for Columbia clothing company."><img src="images/Thumb/_6955454525.jpg" width="129" height="99" /></a></td>

                        </tr>

                        <tr>

                          <td align="center"><a href="images/Large/_2121752674.jpg"rel="lightbox" title="Date Created:  10/8/2012<br><br>Program: Adobe InDesign<br><br>A food and wine magazine layout."><img src="images/Thumb/_2121752674.jpg" width="99" height="129" /></a></td>

                          <td align="center"><a href="images/Large/_2493972603.jpg"rel="lightbox" title="Date Created:  1/20/2012<br><br>Program: Adobe Photoshop & Illustrator<br><br>Magazine layout for a winter theme."><img src="images/Thumb/_2493972603.jpg" width="129" height="83" /></a></td>

                          <td align="center"><a href="images/Large/_6370868564.jpg"rel="lightbox" title="Date Created:  11/19/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br>A mall map created using signage and color coding."><img src="images/Thumb/_6370868564.jpg" width="129" height="83" /></a></td>

                          <td align="center"><a href="images/Large/_9581180847.jpg"rel="lightbox" title="Date Created:  11/10/2011<br><br>Program: Adobe Photoshop & Illustrator<br><br> A vehicle wrap design LemonFree.com using typography, vector logos, and images."><img src="images/Thumb/_9581180847.jpg" width="129" height="99" /></a></td>

                        </tr>

                      </table>

                    </div>

                  </div>

                  <div class="AccordionPanel">

                    <div class="AccordionPanelTab">WEB</div>

                    <div class="AccordionPanelContent">

                      <table width="354" height="199" border="0" cellpadding="5" cellspacing="5">

                        <tr>

                          <th scope="col"><a href="images/Large/_0373638936.jpg"rel="lightbox" title="Date Created:  3/6/2012<br><br>Program: Adobe Photoshop<br><br>An interface design for the Graphical Arts Gallery and Academy."><img src="images/Thumb/_0373638936.jpg" width="129" height="96" /></a></th>

                          <th scope="col"><a href="images/Large/_3824118655.jpg"rel="lightbox" title="Date Created:  3/9/2012<br><br>Program: Adobe Photoshop<br><br>Aninterface design for the new plush character introduced by The Learning Company, a children’s learning software program."><img src="images/Thumb/_3824118655.jpg" width="129" height="87" /></a></th>

                        </tr>

                      </table>

                    </div>

                  </div>

                  <div class="AccordionPanel">

                    <div class="AccordionPanelTab">LOGO</div>

                    <div class="AccordionPanelContent">

                      <table width="355" border="0" cellspacing="5" cellpadding="5">

                        <tr>

                          <th scope="col"><a href="images/Large/_0301530214.jpg"rel="lightbox" title="Date Created:  12/4/2011<br><br>Program: Adobe Illustrator<br><br>Logo design for my personal identity package. KADesigns stands for “Katrina Aleong Designs”."><img src="images/Thumb/_0301530214.jpg" width="99" height="129" /></a></th>

                          <th scope="col"><a href="images/Large/_0990478412.jpg"rel="lightbox" title="Date Created:  2/23/2012<br><br>Program: Adobe Illustrator<br><br>Logo design for a company'sstationary package in which the letters in the logo stands for the last name of owner of the company."><img src="images/Thumb/_0990478412.jpg" width="129" height="129" /></a></th>

                        </tr>

                      </table>

                    </div>

                  </div>

                </div>

              </div>

              <h1> </h1>

            <!-- end .content --></div>

            <div class="footer">

              <p> </p>

              <!-- end .footer --></div>

            <!-- end .container --></div>

          <script type="text/javascript">

          var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

          var Accordion1 = new Spry.Widget.Accordion("Accordion1");

          </script><link href="css/lightbox.css" rel="stylesheet" />

          </body>

          </html>

          • 2. Re: Need help fixing validation report errors
            bmurr22 MVP

            Here's a summary.

             

            -Tabindex - this is from Spry, not valid, but it works so you can leave it.

            -Alt tags - All images should have alt="some text" where "some text" represents the text will show if the images don't load or for accessibility.

             

            Warnings

            -The warnings all appear to be a result of the & symbol.  In code, & is always written as &amp; . 

            • 3. Re: Need help fixing validation report errors
              Nancy O. MVP

              I created a lightbox for my portfolio images and it works in the live view and browser view but when upload it, it does not work.

              The Lightbox on this page: http://designs1.net/portfolio/KAD/KADport.html  works fine for me in Firefox 11. 

              In which browsers are you seeing problems?

               

               

              Nancy O.

              Alt-Web Design & Publishing

              Web | Graphics | Print | Media  Specialists 

              http://alt-web.com/

              http://twitter.com/altweb

              http://alt-web.blogspot.com/