Comportements Dreamweaver nuls dans Firefox

bebcla -  
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour.
Je suis en train de créer un site internet avec Dreamweaver 4. J'ai déjà mis en ligne 3 pages qui ont toutes des comportements (liens, survol, etc.) Je viens de me rendre compte que les comportements des pages ne marchent pas avec Firefox tout en marchant parfaitement avec IE. Même les liens qui devraient s'ouvrir dans une fenêtre à part s'ouvrent dans la même sans possibilité de retour par "page précédente".
Quelqu'un peut-il m'aider? J'ai déjà travaillé des heures et je ne trouve pas de solution.

Merci,
Bebcla
A voir également:

17 réponses

Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

peux-tu nous donner l'url des pages ou coller un code source, stp ?
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Vi, un lien serait parfait pour nous
0
bebcla
 
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Pour moi, à part l'effet sur l'image au survol de la souris, il n'y a aucune différence entre firefox et ie
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
regarde la page de liens
-:o(
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Hé bé ? Sous ie, ils s'ouvrent dans une nouvelle fenêtre, sous firefox dans un nouvel onglet. Rien d'anormal pour moi
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
mais le survol ?
tu as l'image au survol avec FF ???
(ô_o)
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99 > Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention  
 
Exact, je ne l'ai pas !

Qui a écrit ce code javascript ?

0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention  
 
un certain DreamWeaver, reconnaissable entre tous à la complexité du code et au "MM" devant les fonctions (pour MacroMedia je suppose…).
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99 > Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention  
 
Je vois...

J'ai appris à faire du dév web avec notepad++ et 20 pages de code source d'un site web. Pas de webpexert, pas de dreamweaver. Laisse tomber de suite ces m***** qui fournissent un code archi brouillon. Il faut mieux mettre 10% de temps en plus au début et connaitre son site sur le bout des balises.

0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
moi je commencerais par ajouter un DocType.
pourquoi pas XHTML 1.0 Strict (le code de Dream doit être calibré pour).

qu'en penses-tu neojick ?
ça ne changera peut être rien mais au moins ça donnera une base plus fiable que '<html>' seul.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Ah vi pas bête, sans doctype le rendu peut être très loin de la réalité. Surtout firefox qui se base largement dessus pour réparer de lui-même les erreurs simples de code.


0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
je viens de tester ça ne change rien…
-:o((
0
bebcla
 
Dans la page des liens, normalement à chaque fois qu'on passe sur un lien l'image FluxLabyrinth doit être remplacée par la photo de la page d'accueil du site concerné, et revenir à la même dès que la souris quitte le lien. Or, ceci ne marche pas avec Firefox. De même, on voit les calques quand les liens s'affichent. Le petit carré "Version Fluxus" à côté de l'image est un bouton pour un menu déroulant. Tout ça n'est pas le cas avec IE.

Pour tout ce qui est de l'esthétique générale, je verrai plus tard, quand j'aurai résolu ce problème de compatibilité: l'effet stroboscopique est trop violent et la couleur de fond aussi.

Bebcla
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
le problème c'est que le JS fonctionne c'est à peu près sur mais que le style ne permet pas de voir l'image.
et avant de trouver le hic…
0
bebcla
 
Euh, je sens que ce que je craignais le plus arrive: cest quoi le JS et le "style qui ne permet pas de voir l'image"? Dites, c'est incurable?...

Bebcla
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > bebcla
 
ah oui, pardon !
JS pour JavaScript c'est les petits bouts de code qui affichent ou masquent tes cadres (balise '<div>').
en fait ce code modifie le style d'affichage (feuille de style = CSS) de la page en direct.

je pense que le code s'applique (il n'y a pas d'erreur, de bug) mais que la mise en page de ton document n'est pas suffisamment rigoureuse donc soit le cadre à afficher se retrouve en dehors de l'écran, soit en dessous de l'image principale. en tout cas, il n'est pas visible.
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
le pire c'est qu'il y a moyen de le faire en html/css pures mais ça demande des investigations.

côté conseils : quand tu développes une page, fais le pour FF et après adapte à IE.
IE est le plus capricieux et le moins respectueux des standards il ne faut donc surtout pas s'y fier pour coder un site.
0
bebcla
 
Conseil entendu: je recommencerai avec Firefox comme référence. Mais les CSS permettent de générer des comportements?
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922 > bebcla
 
oui, bien sur.
regarde les pseudos balises suivantes. c'est du CSS, elles devraient te rappeler quelque chose.
a:link{}
a:visited{}
a:hover{}
a:active{}


et avec ça tu peux afficher ou masquer d'autres éléments.

je vais te trouver un lien pour que tu vois comment ça tourne.

<edit>
regarde cette galerie, ce n'est pas exactement ce que tu veux faire mais c'est pour que tu vois la puissance des CSS.
comme ils disent :
No javascript - Just CSS - and it validates
</edit>
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Télécharge HTML Validator dans les modules complémentaires de firefox. Ca t'aidera à développer en respectant parfaitement les normes. Objectif : 0 erreur !

0
bebcla
 
Merci vraiment pour tous vos conseils. Je suis débutante (et même de dire ça je trouve prétentieux!), donc demain j'essaierai ces démarches histoire de préciser un peu les choses et cerner le problème.
Une dernière question: est-ce qu'en utilisant le Doctype Xhtml je pourrai rendre mon balises plus "rigoureuses"? J'ai vu quelque part dans mon livre Dreamweaver quelque chose sur Xhtml.
Merci pour votre générosité.

Bebcla
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Rendre ton balisage plus strict tu veux dire, oui, c'est le but d'un doctype assez fort. Respecté un balisage strict, pour un rendu parfait.

Je ne peux que tu conseiller de laisser tomber sur livre sur dreamweaver. Mets les mains dans le code et abandonne ce logiciel. J'en ai fait l'expérience, j'ai appris sur le tas avec du code en décembre 2006, et je suis développeur web aujourd'hui. Achete un livre XHTML, un livre PHP, mais bazarde ce satané bouquin sur DW
0
warlix Messages postés 1201 Date d'inscription   Statut Contributeur Dernière intervention   288
 
salut


par contre le flood d image en survol des liens pique les yeux :)

Pour le reste je vais suivre la discution , vu que je bosse que sur dream :)
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
pour xhtml et surtout la DTD : oui, oui, oui et oui !!!
ce petit bout de code indique au navigateur quelles sont les règles selon lesquelles la page a été écrite.
de la doc pour mieux comprendre :
AlsaCréations
SelfHTML

je te conseille d'utiliser :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

le pourquoi de ce choix est un peu long à expliquer, mais c'est le mieux.
par contre pas de prologue xml !!!
<?xml version="1.0" encoding="iso-8859-1"?>

les différences entre XHTML et HTML

et enfin, cerise sur le gâteau un code CSS semblable à ce que tu veux faire. c'est à dire une liste d'images qui affichent une autre image au survol.
0
bebcla
 
Je crois que j'ai du travail pour demain.

Une petite vidéo pour vous remercier encore:

https://www.youtube.com/watch?v=DuR1i36nBj0

bebcla
0
neojick Messages postés 167 Date d'inscription   Statut Membre Dernière intervention   99
 
Enorme ! J'espère que le type n'habite pas dans ce bordel !

tiens nous au courant de l'évolution de ton projet.

0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
lol

y a vraiment des fous sur cette planète, c'est rassurant !!!
-;o)
0