Comportements Dreamweaver nuls dans Firefox
bebcla
-
neojick Messages postés 167 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Comportements Dreamweaver nuls dans Firefox
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Tableau croisé dynamique pour les nuls - Guide
- Exporter favoris firefox - Guide
- Onedrive pour les nuls - Guide
17 réponses
Pour moi, à part l'effet sur l'image au survol de la souris, il n'y a aucune différence entre firefox et ie
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hé bé ? Sous ie, ils s'ouvrent dans une nouvelle fenêtre, sous firefox dans un nouvel onglet. Rien d'anormal pour moi
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.
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.
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.
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">
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.
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
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
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…
et avant de trouver le hic…
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.
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.
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.
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.
oui, bien sur.
regarde les pseudos balises suivantes. c'est du CSS, elles devraient te rappeler quelque chose.
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>
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>
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 !
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
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
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
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
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 :)
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 :)
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 :
le pourquoi de ce choix est un peu long à expliquer, mais c'est le mieux.
par contre pas de prologue xml !!!
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.
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.
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
Une petite vidéo pour vous remercier encore:
https://www.youtube.com/watch?v=DuR1i36nBj0
bebcla