Incompatibilité avec Firefox et IE7

(reprise du message précédent)

Salut,
bé dis-donc alors, avant d'aborder le sujet qui fâche un petit truc rapide au tout début de la réponse du validateur, effectivement tu mets bel et bien un div dans un a et ça, paaas bien a est un élément inline qui ne devrait contenir que des éléments inline aussi. En revanche, tu peux "tricher" en faisant un display block sur un élément inline, voire sur ton a si tu as besoin qu'il se comporte comme tel et ça, c'est valide.

Tout le reste, le truc qui "fâche" c'est l'applet, tu as vu, je l'ai écrit en minuscules et ainsi devraient être écrits tous tes attributs name, width, etc, etc, de ton applet (en minuscules ) et, pour parachever le tout, les valeurs données à ces différents attributs de taille, nom ou autres, devraient être entourés de guillemets doubles.

Un dernier truc, tu sais que même s'il est de bon goût dans les milieux autorisés comme disait coluche de honnir IE il représente encore environ 70% des visites sur la majeure partie des sites grand publics et est livré sans la machine java dans les OS windows versions "familiales". Bon, c'est piece of cake de se l'installer mais je ne suis pas sûr que tout les internautes ie se lancent... alors, ici où l'on glose souvent sur js pas js, j'ai un peu peur pour toi avec ton applet

Allez, plus de div dans les a, des minuscules et des guillemets, ça devrait déjà s'arranger

have swing

Salut,

la balise applet etant deprecié comme tant d'autre par le w3c il faut passer par <object> voir là pour des exemples.

en effet une applet pour juste une animation c'est un peu dommage. même sur firefox il faut charger la jre et c'est un peu long.

pascal
Modifié par CPascal (19 May 2007 - 09:41)

CPascal a écrit :
Salut,

la balise applet etant deprecié comme tant d'autre par le w3c il faut passer par <object> voir là pour des exemples.

en effet une applet pour juste une animation c'est un peu dommage. même sur firefox il faut charger la jre et c'est un peu long.

pascal

Tu me conseillerais quoi pour remplacer cet applet, en conservant un résultat final équivalent (et valide W3c bien entendu) ?

re,
ben si tu tiens vraiment à cet effet (un peu daté au deumeurant) de vagues sur un reflet, un petit flash intégré avec swfobject (ou équivalent) voire avec la balise object (en sachant que certains navigateurs sont encore un peu embed ) le fera. En cas de non player flash (malgré tout beaucoup moins fréquent que non java surtout si tu exportes pour une version 7 ou 8 du player) il n'y aura rien (encore qu'avec swfobject et consors tu peux même prévoir une image de remplacement dans le div qui sera écrasée par flash si le player est présent, ça c'est assez "accessible" dans le genre), ce sera toujours mieux que le pavé gris d'une applet pas lue...

Dans ton cas tu pourrais même faire un gif animé avec photoshop, il existe des plugins qui font très bien ces vagues années 90 ) et là, tout le monde lira le truc sans problème.

Perso, je dirai bien qu'un simple effet de reflet fixe bien fait serait au moins aussi élégant mais ça, ce n'est que mon point de vue

have swing
Modifié par virtualgadjo (19 May 2007 - 10:11)

et bien donc avec <object> tu peux tjs charger ton applet.

sinon ben ton animation étant réguliere un simple gif aurait pu faire l'affaire. question rendu je suis pas graphiste mais ça me semble pas irréaliste comme animation gif...

au pire essai de faire des captures d'écrans de ta presente animation pour faire le gif
Modifié par CPascal (19 May 2007 - 10:13)

Bon, chaque chose en son temps ... je vais d'abord tenter de régler le 1er problème ... lol

Concernant le positionnement du drapeau dans l'entête, j'ai modifié mon CSS et mon source XHTML.
Cela dit, j'ai encore un message d'erreur du validateur :

a écrit :

Error Line 18 column 52: there is no attribute "border".

.../Images/design/langue_uk.png" border="0" width="18" height="12" alt="English

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.

Hum ... ma maitrise de la langue de Shakespeare version informatique n'étant pas optimale ... je dois faire quoi cette fois d'après vous ?

CPascal a écrit :
et bien donc avec <object> tu peux tjs charger ton applet.

Certes, mais si j'utilise <object>, autant c'est nickel sous IE7, autant ça ne fonctionne pas sous Firefox.
... et dans tous les cas, ça ne résoud pas mes problèmes de validation W3C.
Modifié par Captain_ETC (19 May 2007 - 10:33)

re,
en fait, c'est tout bête, le validateur te signale au passage que tu es sous un doctype strict xhtml (je suis allé voir ton source et effectivement, c'est le cas) et que dans ce cas tu ne dois plus avoir d'attibuts en ligne sous cette forme. Pour être strict les attributs genre bordures, marges, tailles, etc doivent être dans les styles.

tu as peut-être encore le droit aux tailles en ligne pour les images mais dis-toi que le navigateur les affichera à la bonne taille même si tu ne lui précises pas et que contrairement à ce qui se disait autrefois sur le sujet, ça ne le fait pas tant marner que ça.

du coup un simple

<img src="./Images/design/langue_uk.png" alt="" title="English version" />

fera très bien le boulot. Pour être valide, n'oublie pas alt, même vide bien que dans ton cas, en cas de navigateur texte remplir la balise alt a un sens puisque c'est ce qui s'affiche à la place de l'image et que là c'est un bouton qui amène vers une partie anglaise, ça vaut le coup de l'afficher (enfin, bien sûr, je suis à moitié rosbif alors... )

have swing

Merci beaucoup.
Moi, c'est ma moitié qui est "rosbif", par contre côté informatique, elle a encore beaucoup plus de mal que moi ! lol

En effet, comme cela c'est nickel au niveau du validateur.



Have swing 2!
Modifié par Captain_ETC (19 May 2007 - 10:46)

my pleasure

virtualgadjo a écrit :
re,
ben si tu tiens vraiment à cet effet (un peu daté au deumeurant) de vagues sur un reflet, un petit flash intégré avec swfobject (ou équivalent) voire avec la balise object (en sachant que certains navigateurs sont encore un peu embed ) le fera. En cas de non player flash (malgré tout beaucoup moins fréquent que non java surtout si tu exportes pour une version 7 ou 8 du player) il n'y aura rien (encore qu'avec swfobject et consors tu peux même prévoir une image de remplacement dans le div qui sera écrasée par flash si le player est présent, ça c'est assez "accessible" dans le genre), ce sera toujours mieux que le pavé gris d'une applet pas lue...

Dans ton cas tu pourrais même faire un gif animé avec photoshop, il existe des plugins qui font très bien ces vagues années 90 ) et là, tout le monde lira le truc sans problème.

Perso, je dirai bien qu'un simple effet de reflet fixe bien fait serait au moins aussi élégant mais ça, ce n'est que mon point de vue

have swing

It's me again ...

Problème 2 à présent.

Je ne suis pas fixé totalement sur cet effet là, mais j'utilisais cet applet avant de vouloir refaire une version du site validée W3C alors je pensais que son utilisation pouvait être pérénisée.
Malheureusement, je suis bien incapable de faire une quelconque animation flash ... ... est-ce compliqué à faire ?
Sinon, tu parles d'un effet de reflet fixe ... c'est plus simple à faire ? ... c'est quoi exactement ?

re
disons qu'avec flash, les effets d'ondulations demanderaient un poil de prog (ou de dénicher une source existante, ça doit être jouable sur des sites comme flashkit et semblables)

En revanche, il y a des plugins qui font très bien les vagues sous photoshop (compatibles fireworks) et en faisant quelques images ce n'est pas très compliqué d'en faire une animation.

Maintenant, pour le reflet fixe, en image, c'est tout ce qu'il y a de simple, tu prends ton image de base, tu la dupliques, hop, une petite rotation verticale de la deuxième, un poil de déformation pour obtenir l'effet de perspective qui va bien, 40/50 % d'opacité et le tour est joué

Sinon, tu as bien un super plugin de mootools qui fait ça en une ligne de javascript mais, bien que fan inconditionnel de cette librairie, je trouve que dans ton cas ce serait un peu exagéré de charger ce qu'il faut de mootools plus la feuille plugin pour le reflet, juste pour cette image et, perso, j'opterais pour la solution image pure et simple qui a en plus l'avantage d'être universelle...

have swing

je viens de re jeter un oeil à ton site et, en fait, il s'agit d'une succession de textes, là, malgré tout un petit flash des familles ferait ça très bien et assez facilement.

Sinon, tu as bien sûr la solution sticker en javascript mais j'avoue que je ne suis pas fan...

have swing
Modifié par virtualgadjo (19 May 2007 - 11:12)

virtualgadjo a écrit :
je viens de re jeter un oeil à ton site et, en fait, il s'agit d'une succession de textes, là, malgré tout un petit flash des familles ferait ça très bien et assez facilement.

Hum ... et tu connais une ressource qui pourrait me faire ce petit travail "pour mes beaux yeux" (car des beaux yeux j'ai) ?

oh ben c'est tout bête, ça dépend un peu de ce que tu cherches comme effet mais, par exemple, un effet de fade out/fade in entre les trois éléments textes devrait prendre environ 5 minutes avec flash tu cherches à faire quoi comme effet ?

virtualgadjo a écrit :
oh ben c'est tout bête, ça dépend un peu de ce que tu cherches comme effet mais, par exemple, un effet de fade out/fade in entre les trois éléments textes devrait prendre environ 5 minutes avec flash tu cherches à faire quoi comme effet ?

J'aimais bien l'idée du texte qui semble sortir de l'eau, car la commune dont je parle dans le site est bordée de lacs et de rivières ... cela dit, si tu peux me donner un lien sur lequel je pourrais visualiser les différents effets possibles en flash, ça m'aiderait à te répondre plus précisément.

ça fait un moment que je n'ai pas trainé sur les sites flash (j'ai un poil plongé dans javascript ) mais www.flashkit.com est une source inépuisable de... sources flash commentés (je crois qu'on dit un à cause de fichier source) de tutos en tous genres, tu auras juste besoin de ta moitié because English spoken only

have swing

Merci pour le lien, je vais regarder ça.
Sinon, faire en flash la même animation que celle de l'applet, tu penses que c'est possible ? ... (avec le reflet de l'eau en bleu tant qu'à faire )

exactement la même ça doit pouvoir se faire avec un peu de prog, sinon, avec un truc comme swish tu peux facilement obtenir un effet de vagues et faire appraître en même temps le texte comme tu le fais dans l'applet.
Je vais jeter un oeil sur ce qui existe comme effets sur flashkit, ça va me rappeler ma jeunesse (enfin, ce n'est même pas vrai, j'étais déjà bien avancé à l'époque mais moins )

have swing

Sinon, j'aime bien ça :
- http://www.flashkit.com/tutorials/Text_Effects/Dissolvi-Derek_Bo-647/index.php
- http://www.flashkit.com/tutorials/Text_Effects/Morphing-Tready-205/index.php

... mais l'idée du texte sortant de l'eau, me parait toutefois assez cohérente avec l'objet du site

Au passage, le site existant en version FR et UK, ça va (je l'imagine) nécessiter 2 anims flash différentes ?

ce genre d'effets de texte se réalisent en environ deux minutes avec swishmax, tu devrais t'en télécharger la version d'essai (gratuite et 100% fonctionnelle pendant 15 jours) il y a même des vagues qui se rapprochent plus de ce que tu cherches.

De mon côté en farfouillant un peu j'ai trouvé deux sources qui font des vagues sur des images, je m'en doutais, 100% prog je vais te les mettre en téléchargement dans les zips et te coller les liens dans le prochain message.

Je continue de chercher, mais à mon avis, une des deux sources, en appliquant l'effet soit carrément à de l'eau soit à une image de ton texte devrait faire ce que tu cherches. Attention danger en voyant une des anims, ça fait un peu rêver

@ tout de suite