xhtml 1.1 et image mappée

xhtml 1.1 et image mappée - HTML/CSS - Programmation

Marsh Posté le 06-01-2003 à 23:07:37    

bonjour,  
 
j'ai découvert le xhtml y'a un mois environ et je viens de passer mon site aux normes strictes xhtml1.1 et CSS 2... enfin pas tout à fait puisqu'il me reste un problème : le validateur me renvoie une erreur sur mon image mappée, et impossible de trouver dans la Doc du W3C un chapitre sur la facon de mapper aux normes.  
 
Voici mon message d'erreur :  
 

Code :
  1. 1.  Line 110, column 135:  character "#" is not allowed in the value of attribute "usemap"
  2.   ...eight="220" style="border:0" usemap="#Map" alt="fotos de los proyectos" />
  3.                                           ^
  4.    2. Line 110, column 135: reference to non-existent ID "#Map"
  5.   ...eight="220" style="border:0" usemap="#Map" alt="fotos de los proyectos" />

 
 
et mon html :  
 

Code :
  1. <img src="../../../Imagenes/Ferias%20y%20exposiciones/FE_BCN.jpg" width="215" height="220" style="border:0" usemap="#Map" alt="fotos de los proyectos" />
  2. <map  id="Map"> blabla...

 
 
 
Le soucis c'est que tout fonctionne actuellement, et si j'enlève le " character "#" " soit-disant not allowed, bin la mappe ne fonctionne plus du tout  :(  
 
Bref, comment rendre tout ca operationnel et normatif svp   :??:
 
 
 
Question subsidiaire : sur certaines pages j'ai :  <area shape="rect" coords="14,13,203,136" href="#" onClick="open('top.htm', '', 'width=429,height=320,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no';)" alt="agrandar" />
Le validateur dit que l'element onClick existe pas, a priori c'est normal vu que c'est du javascript je pense, il ne faut donc pas s'en soucier de cette erreur ?


Message édité par panchopa le 06-01-2003 à 23:14:29
Reply

Marsh Posté le 06-01-2003 à 23:07:37   

Reply

Marsh Posté le 06-01-2003 à 23:37:55    

onclick existe, onClick non :p
 
Et mets l'url dans le href, pas juste un #, comme ça le gars qui a le JS désactivé ou qui fait 'open in a new page' saura quand même visiter le lien :
 
 
<area shape="rect" coords="14,13,203,136" href="top.htm" onclick="open('top.htm', '', 'width=429,height=320,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no';);return false;" alt="agrandar" />
 
(avec un return false sur le onclick pour pas que le gars qui a le JS activé ne prenne en compte le href)

Reply

Marsh Posté le 07-01-2003 à 16:32:50    

oki c'est fait pour le onclick  :)  
 
Par contre la map me pose problème.  
Normalement une map en xtmml a un id et pas de name. Le soucis c'est qu'avec seulement Id ca marche pas avec mozilla (mais ca marche avec IE), du coup je met name et id et paf je suis plus aux normes. Mieux dit, ce problème viens s'ajouter a celui décrit dans mon premier message.  
 
 
Est-ce que ca peut venir de mon en-tête qui ferait cafouiller le validateur, ou alors de mon code de map  
 
<?xml version="1.0" encoding="iso-8859-1"?> // truc que je sais plus d'ou ca viens ni a quoi ca sert  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> // ca je l'ai mis pour du xhtml 1.1
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="es"> // autre truc que je sais plus d'ou ca viens ni a quoi ca sert, a part le lang en espagnol (ca je l'a rajouté)
 
Merci si vous parvenez a m'upgrader de nioubie à "sait faire un site en strict"  :jap:

Reply

Marsh Posté le 07-01-2003 à 19:56:09    

This Page Is Valid XHTML 1.1! !!!  
 
oui je sais je suis trop fort... seul probleme ma page ne marche ni sur momo ni sur IE  :lol:  :D  
 
 
 
Voici le nouveau code (pfiouuuu) :  
 
<object data="../../../Imagenes/arquitectura/AR_DN.jpg"  type="image/jpg" width="215" height="220" style="border:0" usemap="Map">  
  <map  id="Map">
<area shape="rect" coords="5,145,127,218" href="#" onclick="open('abajo.htm', '', 'width=480,height=302 toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no';)" alt="agrandar" />
<area shape="rect" coords="15,8,202,144" href="#" onclick="open('top.htm', '', 'width=429,height=320,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no';)" alt="agrandar" />
</map>
</object>
 
et heu bah IE n'affiche pas l'image mappée, momo l'affiche mais n'ouvre pas les pop-up.   [:tomtom75]

Reply

Marsh Posté le 07-01-2003 à 22:06:13    

vulgairement parlant, ca commence a me chauferr les oreilles cette histoire, corne de bouc !  
 
En essayant de regler le problème je viens de creer un objet activeX  [:the time]
 
Adieu le site aux normes, je jette l'éponge    

Reply

Marsh Posté le 07-01-2003 à 22:23:39    

Si c'est juste pour un # spa grave hein :o
laisse le # dans ton img et c'est bon, et attendant que gm_superstar passe dans le coin

Reply

Marsh Posté le 08-01-2003 à 00:14:22    

[:cupra]
Je sais pas... j'utilise jamais de map....
 
Mais je jetterai un ?il demain :o


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 08-01-2003 à 17:25:12    

*voix de gorges abitbol*
 
Quoi, on est déjà demain làààààà   [:the semtex]  
 
 
En fait au début j'avais fait la map avec dream MX et le problème dont je parle au premier post venait de ce code :  
 

Code :
  1. <div id="colage"><img src="../../../Imagenes/arquitectura/AR_DN.jpg" width="215" height="220" style="border:none" usemap="#Map" />
  2.   <map name="Map" id="Map">
  3. <area shape="rect" coords="5,144,129,219" href="#"  onclick="open('abajo.htm', '', 'width=480,height=302,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no')"
  4.   alt="agrandar"/>
  5.     <area shape="rect" coords="14,8,201,145" href="#"  onclick="open('top.htm', '', 'width=429,height=320,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no')"
  6.   alt="agrandar"/>
  7.   </map>
  8. </div>

 
 
Comme c'etait pas valide xhtml 1.1 et qu'il y a vait rien a ce sujet, chui allé voir du côté de la doc html 4.1 qui m'a ammené a mettre la balise <OBJECT> (passé en minuscule pour actualiser en xhtml)
 
J'espère que c'est pas trop confus  :heink:

Reply

Marsh Posté le 10-01-2003 à 18:59:53    

les recommendations de monsieur xhtml 2.0 :  
 
http://www.w3.org/TR/2002/WD-xhtml [...] #sec_12.2.
 
Grave :sleep:  
 
Ils utilisent  le usemap="#Map" , du coup je vois pas pourquoi le validateur me braille ses conneries.  
En plus ca utilise map=name... bel exemple du remplacement de name par ID hin   [:tomtom75]  :fou:  :fou:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed