error en validacion: there is no attribute "caption"

sagov42 · #1 (**permalink**) 31/07/2011, 18:19

hola estoy validando mi pagina web pero tengo el siguiente problema:
estoy usando estilos y js. que no estan en mi mismo documento y al momento de validar mi pagina me muestra ese error: there is no attribute "caption"

aqui mi codigo

Código HTML:

Ver original<!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=iso-8859-1" />
<title>Joseph Casta&ntilde;o: Dise&ntilde;ador web freelance</title>
 
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/960.css" rel="stylesheet" type="text/css" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/text.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="all" type="text/css" href="js/stu12/stu12.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/stu12/stu12.js"></script>
</head>
 
<body id="body">
 
<div id="nube_logo" class="container_12">
  <div class="grid_1 suffix_11">
    <img src="images/nube.png" alt=""/>
    </div>
</div>
 
<div id="header" class="container_12">
    <div id="logo" class="grid_4 suffix_8">
    <img src="images/logo.png" alt=""/>
    </div>
</div>
    
<div id="menu" class="container_12">
    <div class="grid_12">
    INICIO \ PORTFOLIO \ QUIEN SOY \ CONTACTEME
    </div>
</div>
 
<div id="logo_arbol_nube" class="container_12">
    <div class="grid_2">
    <img src="images/logo_arbol.png" alt="" width="423" height="136" />
    </div>
</div>
<div id="contenido" class="container_12">
    <div class="grid_11 suffix_1">
    <ul class="iStu12">
    <li class="prev"></li>
        <li class="images">
            <div class="slide">
                    <div class="slidePanel panel1" caption="Banksy">
                        <div class="innerPanel">
                            <img src="js/stu12/banksy.jpg" alt="Stencil on the waterline of The Thekla" />
                          <h1>Banksy</h1>
                            <br />
                            <p>A slideshow of Graffiti &amp; Quotes</p>
                            <h2>Stencil on the waterline of The Thekla</h2>
                            <p>Banksy is the pseudonym of a British graffiti artist, political activist and painter, whose identity is unconfirmed.</p>
                            <p>His satirical street art and subversive epigrams combine irreverent dark humour with graffiti done in a distinctive stencilling technique.</p>
                            <p>Such artistic works of political and social commentary have been featured on streets, walls, and bridges of cities throughout the world.</p>
                            <p>Source <a href="http://en.wikipedia.org/wiki/Banksy">Wikipedia</a></p>
                        </div>
                    </div>
                    <div class="slidePanel panel2" caption="Quote #1">
                        <div class="innerPanel">
                            <blockquote>"Once upon a time there was a bear and a bee who lived in a wood and were the best of friends. All summer long the bee collected nectar from morning to night while the bear lay on his back basking in the long grass.<br />When winter came the bear realised he had nothing to eat and thought to himself 'I hope that busy little bee will share some of his honey with me.' But the bee was nowhere to be found - he had died of a stress induced coronary disease."</blockquote>
                            <p>- Banksy (Wall and Piece)</p> 
                        </div>
                    </div>
                    <div class="slidePanel panel3" caption="Image #1">
                        <div class="innerPanel">
                            <img src="js/stu12/banksy-graffiti-removal.jpg" alt="Banksy - Graffiti removal" />
                            <p>Banksy - Graffiti Removal</p>
                        </div>
                    </div>
                    <div class="slidePanel panel4" caption="Quote #2">
                        <div class="innerPanel">
                            <blockquote>"The thing I hate the most about advertising is that it attracts all the bright, creative and ambitious young people, leaving us mainly with the slow and self-obsessed to become our artists.<br />Modern art is a disaster area. Never in the field of human history has so much been used by so many to say so little."</blockquote>
                            <p> - Banksy</p>
                        </div>
                    </div>
                    <div class="slidePanel panel5" caption="Image #2">
                        <div class="innerPanel">
                            <img src="js/stu12/banksy-sweep.jpg" alt="Banksy Graffiti - Sweep" />
                            <p>Banksy - Sweep it away</p>
                        </div>
                    </div>
                    <div class="slidePanel panel6" caption="Quote #3">
                        <div class="innerPanel">
                            <img src="js/stu12/chainsaw.jpg" alt="Banksy - Monkey holding a chainsaw" />
                          <blockquote>"Graffiti ultimately wins out over proper art because it becomes part of your city, it' s a tool; 'I'll meet you in that pub, you know, the one opposite that wall with a picture of a monkey holding a chainsaw'. I mean, how much more useful can a painting be than that?"</blockquote>
                            <p> - Banksy (Banging Your Head Against a Brick Wall)</p>
                        </div>
                    </div>
            </div>
        </li>
        <li class="next"></li>
        <li class="caption"></li>
    </ul>
    </div>
</div>
<div id="footer">
<img src="images/logo_footer.png" alt=""/>
</div>
</body>
 
</html>

Código:

					<div class="slidePanel panel1" caption="Banksy">

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

amdisenoweb · #2 (**permalink**) 01/08/2011, 09:24

en la linea 47 tienes el div con el caption,no se para que usaras ese atributo pero prueba a quitarlo sino te hace falta.

zerokilled · #3 (**permalink**) 01/08/2011, 10:02

buenas,
el mismo reporte de error esta indicando cual es el problema. si lees detenidamente, dice que has utilizado un atributo que no tiene soporte o existencia en el document type que has seleccionado para el documento. en otras palabras que el atributo caption en el elemento DIV no existe y por tanto debes eliminarlo. fijate que no solo tienes el problema en la linea 47 del código mostrado, sino que también en otras lineas adicionales.

sagov42 · #4 (**permalink**) 01/08/2011, 10:59

ese es mi problema, que no puedo quitar ese caption por que deja de funcionar correctamente mi slider: http://red77.org/nuevo/

:s

zerokilled · #5 (**permalink**) 01/08/2011, 11:11

es una técnica que ha creado una mala costumbre. por ejemplo, hay script tipo lightbox o slider que utilizan el atributo rel de forma incorrecta asignandole un valor que no figura en el estándar. por tanto, al intentar validar se reporta errores. en mi opinión, las alternativas que tienes son: dejar el script funcionando pero sin la posibilidad de crear un documento válido; validar el documento dejando a un lado el slider; buscar otro slider que respete los estandares; o fabricar tu propio slider.

sagov42 · #6 (**permalink**) 01/08/2011, 19:55

ya lo solucione cambie todos los caption por title=

tanto en el html como en el css y quedo validado y mi slider funcionando a la perfeccion¡¡¡

:D