Je ne détaillerais ce soir que la Page d'Accueil et encore, coté technique puisqu'il semble que ce soit sur ce sujet que vous butiez ?
Alors en pièce annexe votre Page d'Accueil, avec quelques commentaires explicatifs ?
Nous sommes donc bien sur la Page d'Accueil puisque pas de nom de fichier dans la barre du Navigateur, et de mon coté, opinion strictement personnelle, bravo pour l'hébergement EN FRANCE !
Ensuite, quand vous créez un Lien, pensez systématiquement à REMPLIR la Case "Title", ce qui apparait au survol d'un Lien par une souris, et que cette "Title" (Bouton, Case "Info Bulle") concerne précisément la qualité du Lien ?
Dans le cas de vos Liens transparents, il y a donc bien matière à revoir, assurément, car en tant que robot "BCD", je vais enregistrer une MAUVAISE information ! ! !
D'un autre coté, je ne comprends pas l'usage de Lien transparent au dessus d'une image, surtout à des dimensions légèrement différentes d'où un effet "douteux", excepté l'effet couleur ?
Un Bouton normal, avec l'image initiale légèrement réduite mais entourée d'une marge transparente en format .gif, suivi au survol de la même image à taille normale mais sans la marge, voilà un effet loupe au survol ?
Bon, venons en au fait de votre gros souci actuel, les Normes W3C...
LE Compteur "XITI"... Celui qui fait 39 x 25 pixels et placé à 40 du bord et 710 du haut ! Son Code, introduit je pense par un JSC "html" ?
<div id="obj11001" class="css52">
<a href="http://www.xiti.com/xiti.asp?s=30070" title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=30070&p=aspiration1';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="http://logv6.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4){
Xt_s=screen;
Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;
}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique Webanalytics par
<img width="39" height="25" src="http://logv6.xiti.com/hit.xiti?s=30070&p=aspiration1" alt="WebAnalytics" />
</noscript>
</a>
</div>
Balancer une "<noscript>" au milieu d'une Balise "<a>", faut oser ? Un "script" est autorisé, sinon Java Script n'aurait d'effet précis sur nos Boutons animés, mais la "<noscript>", NON ! C'est DÉFENDU ! ! ! Cf. ci dessous, où vous noterez que dans les "parents", point de Balise "<a>"...
http://giminik.developpez.com/xhtml/noscript.html *
Ensuite, "balancer" du texte comme ça à la va comme je te pousse, il y a des règles quant à afficher un texte, NON ? Ah bah vi, vous ne le savez pas car notre Logiciel fétiche fait tout pour vous... Bon, alors, un texte, ça s'affiche entre des Balises "paragraphe", à savoir "<p>" et "</p>" pour fermer.
Notez d'ailleurs que chez notre ami Giminik une Balise "<p>" DOIT avoir un parent, dont l'un des quatre en rouge, à savoir une "<noscript>" par exemple ?
http://giminik.developpez.com/xhtml/p.html *
Alors vous effacez ce langage "abomifreux" dans votre JSC "html" et le remplacez par :
<a href="http://www.xiti.com/xiti.asp?s=30070" title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=30070&p=aspiration1';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="http://logv6.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4){
Xt_s=screen;
Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;
}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
</a>
<noscript>
<p>Mesure d'audience ROI statistique Webanalytics par </p>
<img width="39" height="25" src="http://logv6.xiti.com/hit.xiti?s=30070&p=aspiration1" alt="WebAnalytics">
</noscript>
Ca devrait déjà aller nettement mieux, non ? Trois Points rouges et un Avertissement en moins ?
Néanmoins, et pour information, il y a de fortes chances que le texte ne soit pas visible si le Java Script est désactivé chez votre Visiteur, tout simplement parce que nous n'avons pas précisé la Police à employer... Pas de "style" paramétré, mais est-ce bien important pour faire une Publicité pour les autres ? (Sourire)
Bon, morceau suivant... OUI, celui vu par PERSONNE, qui est en bas à droite dans le vert, ce "truc" de 60 x 60, placé à 940 et 610 pixels du haut ! Son Code, introduit là encore je pense par un JSC "html" ?
<div id="obj11005" class="css65">
<div class="css30">
<!-- DEBUT DU SCRIPT LIENS QUI BOUGENT-->
<style fprolloverstyle>
A:hover{color: #FF00FF; font-style: italic; font-weight: bold}
</style>
<!-- FIN DU SCRIPT LIENS QUI BOUGENT-->
</div>
</div>
Depuis QUAND on "balance" du "<style..." comme ça en plein "<body>" ? ? ?
Alors deux, que dis-je, TROIS choses à savoir :
A) Le "<style..." ça se place en "<head>" exclusivement !
B) Mais exceptionnellement, notre Logiciel fétiche étant intelligent, il va accepter par exemple style="width:100px;height:50px;" et va astucieusement nous le transformer en une class="patincouffin" introduite dans le fichier .css de la Page !
C) Un "style" ou un "script" ne se jettent pas comme ça, il faut en préciser l'usage... style type="text/css", ou script type="text/javascript" par exemple ? A chaque oublie, pas de détail, UN Point rouge !
Ensuite, je suppose que ce "script" a été introduit pour donner une couleur rose soutenu au survol des liens texte, n'est-ce pas ? Alors ça ne sert à RIEN, car vos Boutons texte sont transformés en IMAGES, et même DEUX images, l'une visible normalement, la deuxième au survol, où votre texte est devenu une image rose...
Donc je ne vais même pas vous donner un Code corrigé à mettre en "<head>" par un JSC spécifique, mais tout simplement vous dire de supprimer cette chose infecte et inutile ? Et zou, les trois derniers "abomifreux" Points rouges, disparus ! Et normalement "Vert écologique" comme dit "Perles78" ? Conforme aux Normes du W3C !
PAR CONTRE, pensez à remplir les Info Bulles de ces Boutons "texte", elles sont VIDES, et moi, en tant que robot "BCD", je vais recracher cette Page immédiatement face à tous ces défauts, beaucoup trop indigeste, et comme c'est LA Page d'Accueil du Site, celles qui suivent, même chemin, LA "Ploubelle" ?
Enfin, la deuxième image est celle de la validité css, aussi pourquoi conserver des images avec la fonction XL active alors qu'il n'y en a en fait aucune à "zoomer" ?
Allez, juste histoire de vous faire comprendre l'une de mes astuces sur des Boutons "loupe", votre première image revue et corrigée ? Pour information, il y a un décalage d'un pixel à l'horizontal entre les deux collées cote à cote, et ce genre de détail se voie mieux que le nez au milieu de la figure ? Comme les bandes blanches inutiles... La "Up" est celle en position visible, au repos, la "Ov" est celle au survol !
En espérant avoir pu vous aider un peu, cordialement, Yvanoph---
* Pour utiliser Giminik, simplement cliquer sur la première lettre d'une Balise, et si plusieurs portent la même lettre initiale, cliquer sur celle dont vous cherchez à connaître les imbrications ?