Skip navigation
blackmuneca
blackmuneca Calculating status...
Currently Being Moderated

Need help fixing validation report errors

Apr 22, 2012 7:53 AM

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

 

Correct Answer

 

Helpful Answer

464 Views   3 Replies   Latest reply: Nancy O., Apr 22, 2012 11:12 AM
 
Replies
  • blackmuneca
    Currently Being Moderated
    1. blackmuneca,
    Apr 22, 2012 7:54 AM   in reply to blackmuneca
    Report

    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>

     
    |
    Mark as:
  • SnakEyez02
    Currently Being Moderated
    2. SnakEyez02,
    Apr 22, 2012 9:11 AM   in reply to blackmuneca
    Report

    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; . 

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    Apr 22, 2012 11:12 AM   in reply to blackmuneca
    Report

    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/

     
    |
    Mark as:
Actions

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