11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

J'essaie de faire des retours à la ligne pour légender des images "lightbox" :
exemple alsacréation

Le W3C ne valide pas les retours à la ligne et les espaces forcés dans une balise <a></a>
exemple du code html :
<a class="thumbnail" title="
&nbsp; &nbsp; &nbsp;Titre de l'image<br/>
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;- Remarque 1<br/>
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;- Remarque 2<br/>
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;- Remarque 3<br/>
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;Conclusion" 
href="images/FancyZoom/Neufs/img1.JPG"><img src="images/FancyZoom/Neufs/thumbnail/img1thum.jpg" alt="piano à vendre"/></a>

Le code js relatif aux légendes des images est dans le document FancyZoomHTML.js à partir de la ligne 297 :
var inCapCol2 = document.createElement("td");
		inCapCol2.setAttribute('background', zoomImagesURI+'zoom-caption-fill.png');
		inCapCol2.setAttribute('id', 'ZoomCaption');
		inCapCol2.setAttribute('valign', 'middle');
		inCapCol2.setAttribute('height', '110'); //BL
		inCapCol2.setAttribute('width', '370'); //BL
		inCapCol2.style.fontSize = '13px';
		inCapCol2.style.fontFamily = 'Helvetica';
		inCapCol2.style.fontWeight = 'bold';
		inCapCol2.style.color = '#ffffff';
		inCapCol2.style.textShadow = '0px 2px 4px #000000';
		inCapCol2.style.whiteSpace = 'nowrap';
		inCapRow1.appendChild(inCapCol2);


Est ce que quelqu'un a une solution à me proposer ?
Merci de votre attention Smiley confused
Modifié par Benkusz (13 Jan 2012 - 16:52)