Bonjour à tous!
Petit soucis de décalage entre l'aperçu ds dreamweaver et ce qui apparait à
l'écran ds différents navigateurs.
Lorsque je crée ma page dans dreamweaver, la barre de menu (accueil - c'est
quoi? ...) sont collées au bandeau sans aucun espace apparent, lorsque je la
visionne sous ie des espaces vides apparaissent, sous firefox ils sont
toujours là mais pas a la mm place. D'où cela peut-il venir?
g mis une capture d'écran en ligne : http://www.myvox.fr/macromedia
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
padbra
Bonsoir Cindy,
Hum, hum... ce qui est sur, c'est que ce n'est certainement pas un problème lié à dreamweaver, quoique sache que, contrairement aux idée reçues, dreamweaver et autres logiciels dit wysiwyg sont plutot wysiNwyg avec N=not.
Il s'agit, typiquement, d'une différence de modèle de boites entre ie et les standards : http://openweb.eu.org/articles/dimensions_boites_css/
Il serait plus pratique d'avoir le code (x)html + css que tu as fait, mais il semble que tu utilises une mise en page par tableaux (c'est pas bien ;) ) http://www.cybercodeur.net/weblog/presentations/seybold/everything.html http://www.openweb.eu.org/articles/problemes_tableaux/ entre autres liens, puisque tu parles de cellpadding et de cellspacing dans l'objet de ton post. Je te propose, alors, d'associer à ta page une css, en fichier.css lié de préférence, en mettant entre les balises <head></head> :
dans laquelle tu préciseras les valeurs de marges internes et externes de toutes tes boites à 0, ce qui aura comme incidence de mettre tous les navigateurs à égalité en tout cas sur ce point. Ensuite, si tu as besoin de jouer avec les marges, tu réaffectes les valeurs adéquates.
*{ margin: 0; padding: 0; } /*où (*) est le sélecteur universel */
Ceci est expliqué dans un billet de Raphaël GOETTER, entre autres choses :
http://blog.alsacreations.com/2004/12/08/100-methodologie-pour-resoudre-les-problemes-daffichage-en-css et une méthode ici : http://forum.alsacreations.com/faq/#item44
Pour ton tableau, utilise la propriété border-collapse des tableaux :
table{ border-collapse: collapse; }
Qui aura pour effet de rapprocher toutes les cellules de ton tableau. petit lien : http://wiki.media-box.net/documentation/css/border-collapse
Je ne saurais ensuite que te conseiller d'éviter de laisser faire (tout) le travail à un logiciel mais plutot d'essayer d'apprendre, et ainsi comprendre, le vocabulaire et la grammaire du couple (x)html/css de manière à mieux maitriser tes mises en page.
hth, padbra
Cindy a écrit :
Bonjour � tous! Petit soucis de d�calage entre l'aper�u ds dreamweaver et ce qui apparait � l'�cran ds diff�rents navigateurs. Lorsque je cr�e ma page dans dreamweaver, la barre de menu (accueil - c'est quoi? ...) sont coll�es au bandeau sans aucun espace apparent, lorsque je la visionne sous ie des espaces vides apparaissent, sous firefox ils sont toujours l� mais pas a la mm place. D'o� cela peut-il venir?
g mis une capture d'�cran en ligne : http://www.myvox.fr/macromedia
Quelqu'un aurait-il une id�e? Merci Cindy
Bonsoir Cindy,
Hum, hum... ce qui est sur, c'est que ce n'est certainement pas un
problème lié à dreamweaver, quoique sache que, contrairement aux idée
reçues, dreamweaver et autres logiciels dit wysiwyg sont plutot wysiNwyg
avec N=not.
Il s'agit, typiquement, d'une différence de modèle de boites entre ie et
les standards :
http://openweb.eu.org/articles/dimensions_boites_css/
Il serait plus pratique d'avoir le code (x)html + css que tu as fait,
mais il semble que tu utilises une mise en page par tableaux (c'est pas
bien ;) )
http://www.cybercodeur.net/weblog/presentations/seybold/everything.html
http://www.openweb.eu.org/articles/problemes_tableaux/
entre autres liens, puisque tu parles de cellpadding et de cellspacing
dans l'objet de ton post.
Je te propose, alors, d'associer à ta page une css, en fichier.css lié
de préférence, en mettant entre les balises <head></head> :
dans laquelle tu préciseras les valeurs de marges internes et externes
de toutes tes boites à 0, ce qui aura comme incidence de mettre tous les
navigateurs à égalité en tout cas sur ce point. Ensuite, si tu as besoin
de jouer avec les marges, tu réaffectes les valeurs adéquates.
*{
margin: 0;
padding: 0;
} /*où (*) est le sélecteur universel */
Ceci est expliqué dans un billet de Raphaël GOETTER, entre autres choses :
http://blog.alsacreations.com/2004/12/08/100-methodologie-pour-resoudre-les-problemes-daffichage-en-css
et une méthode ici :
http://forum.alsacreations.com/faq/#item44
Pour ton tableau, utilise la propriété border-collapse des tableaux :
table{
border-collapse: collapse;
}
Qui aura pour effet de rapprocher toutes les cellules de ton tableau.
petit lien : http://wiki.media-box.net/documentation/css/border-collapse
Je ne saurais ensuite que te conseiller d'éviter de laisser faire (tout)
le travail à un logiciel mais plutot d'essayer d'apprendre, et ainsi
comprendre, le vocabulaire et la grammaire du couple (x)html/css de
manière à mieux maitriser tes mises en page.
hth,
padbra
Cindy a écrit :
Bonjour � tous!
Petit soucis de d�calage entre l'aper�u ds dreamweaver et ce qui apparait �
l'�cran ds diff�rents navigateurs.
Lorsque je cr�e ma page dans dreamweaver, la barre de menu (accueil - c'est
quoi? ...) sont coll�es au bandeau sans aucun espace apparent, lorsque je la
visionne sous ie des espaces vides apparaissent, sous firefox ils sont
toujours l� mais pas a la mm place. D'o� cela peut-il venir?
g mis une capture d'�cran en ligne : http://www.myvox.fr/macromedia
Hum, hum... ce qui est sur, c'est que ce n'est certainement pas un problème lié à dreamweaver, quoique sache que, contrairement aux idée reçues, dreamweaver et autres logiciels dit wysiwyg sont plutot wysiNwyg avec N=not.
Il s'agit, typiquement, d'une différence de modèle de boites entre ie et les standards : http://openweb.eu.org/articles/dimensions_boites_css/
Il serait plus pratique d'avoir le code (x)html + css que tu as fait, mais il semble que tu utilises une mise en page par tableaux (c'est pas bien ;) ) http://www.cybercodeur.net/weblog/presentations/seybold/everything.html http://www.openweb.eu.org/articles/problemes_tableaux/ entre autres liens, puisque tu parles de cellpadding et de cellspacing dans l'objet de ton post. Je te propose, alors, d'associer à ta page une css, en fichier.css lié de préférence, en mettant entre les balises <head></head> :
dans laquelle tu préciseras les valeurs de marges internes et externes de toutes tes boites à 0, ce qui aura comme incidence de mettre tous les navigateurs à égalité en tout cas sur ce point. Ensuite, si tu as besoin de jouer avec les marges, tu réaffectes les valeurs adéquates.
*{ margin: 0; padding: 0; } /*où (*) est le sélecteur universel */
Ceci est expliqué dans un billet de Raphaël GOETTER, entre autres choses :
http://blog.alsacreations.com/2004/12/08/100-methodologie-pour-resoudre-les-problemes-daffichage-en-css et une méthode ici : http://forum.alsacreations.com/faq/#item44
Pour ton tableau, utilise la propriété border-collapse des tableaux :
table{ border-collapse: collapse; }
Qui aura pour effet de rapprocher toutes les cellules de ton tableau. petit lien : http://wiki.media-box.net/documentation/css/border-collapse
Je ne saurais ensuite que te conseiller d'éviter de laisser faire (tout) le travail à un logiciel mais plutot d'essayer d'apprendre, et ainsi comprendre, le vocabulaire et la grammaire du couple (x)html/css de manière à mieux maitriser tes mises en page.
hth, padbra
Cindy a écrit :
Bonjour � tous! Petit soucis de d�calage entre l'aper�u ds dreamweaver et ce qui apparait � l'�cran ds diff�rents navigateurs. Lorsque je cr�e ma page dans dreamweaver, la barre de menu (accueil - c'est quoi? ...) sont coll�es au bandeau sans aucun espace apparent, lorsque je la visionne sous ie des espaces vides apparaissent, sous firefox ils sont toujours l� mais pas a la mm place. D'o� cela peut-il venir?
g mis une capture d'�cran en ligne : http://www.myvox.fr/macromedia
Quelqu'un aurait-il une id�e? Merci Cindy
Cindy
Cher padbra,
Je tiens à te remercier pour la précision de ta reponse. Toutes ces informations m'ont été plus qu'utiles, désormais il n'y a plus aucun soucis de décalage sur le site, g réussi à gérer correctement les modèles de boites grâce aux css.
Promis à l'avenir, je m'interesserai de plus près au code et j'abandonnerai les tableaux. g bien compris la leçon :)
en tous les cas, merci encore!
"padbra" a écrit dans le message de news: djomm4$8o8$
Bonsoir Cindy,
Hum, hum... ce qui est sur, c'est que ce n'est certainement pas un problème lié à dreamweaver, quoique sache que, contrairement aux idée reçues, dreamweaver et autres logiciels dit wysiwyg sont plutot wysiNwyg avec N=not.
Il s'agit, typiquement, d'une différence de modèle de boites entre ie et les standards : http://openweb.eu.org/articles/dimensions_boites_css/
Il serait plus pratique d'avoir le code (x)html + css que tu as fait, mais il semble que tu utilises une mise en page par tableaux (c'est pas bien ;) ) http://www.cybercodeur.net/weblog/presentations/seybold/everything.html http://www.openweb.eu.org/articles/problemes_tableaux/ entre autres liens, puisque tu parles de cellpadding et de cellspacing dans l'objet de ton post. Je te propose, alors, d'associer à ta page une css, en fichier.css lié de préférence, en mettant entre les balises <head></head> :
dans laquelle tu préciseras les valeurs de marges internes et externes de toutes tes boites à 0, ce qui aura comme incidence de mettre tous les navigateurs à égalité en tout cas sur ce point. Ensuite, si tu as besoin de jouer avec les marges, tu réaffectes les valeurs adéquates.
*{ margin: 0; padding: 0; } /*où (*) est le sélecteur universel */
Ceci est expliqué dans un billet de Raphaël GOETTER, entre autres choses :
http://blog.alsacreations.com/2004/12/08/100-methodologie-pour-resoudre-les-problemes-daffichage-en-css et une méthode ici : http://forum.alsacreations.com/faq/#item44
Pour ton tableau, utilise la propriété border-collapse des tableaux :
table{ border-collapse: collapse; }
Qui aura pour effet de rapprocher toutes les cellules de ton tableau. petit lien : http://wiki.media-box.net/documentation/css/border-collapse
Je ne saurais ensuite que te conseiller d'éviter de laisser faire (tout) le travail à un logiciel mais plutot d'essayer d'apprendre, et ainsi comprendre, le vocabulaire et la grammaire du couple (x)html/css de manière à mieux maitriser tes mises en page.
hth, padbra
Cindy a écrit :
Bonjour ? tous! Petit soucis de d?calage entre l'aper?u ds dreamweaver et ce qui apparait ? l'?cran ds diff?rents navigateurs. Lorsque je cr?e ma page dans dreamweaver, la barre de menu (accueil - c'est quoi? ...) sont coll?es au bandeau sans aucun espace apparent, lorsque je la visionne sous ie des espaces vides apparaissent, sous firefox ils sont toujours l? mais pas a la mm place. D'o? cela peut-il venir?
g mis une capture d'?cran en ligne : http://www.myvox.fr/macromedia
Quelqu'un aurait-il une id?e? Merci Cindy
Cher padbra,
Je tiens à te remercier pour la précision de ta reponse. Toutes ces
informations m'ont été plus qu'utiles, désormais il n'y a plus aucun soucis
de décalage sur le site, g réussi à gérer correctement les modèles de boites
grâce aux css.
Promis à l'avenir, je m'interesserai de plus près au code et j'abandonnerai
les tableaux. g bien compris la leçon :)
en tous les cas, merci encore!
"padbra" <_padbra_@free.fr> a écrit dans le message de news:
djomm4$8o8$1@forums.macromedia.com...
Bonsoir Cindy,
Hum, hum... ce qui est sur, c'est que ce n'est certainement pas un
problème lié à dreamweaver, quoique sache que, contrairement aux idée
reçues, dreamweaver et autres logiciels dit wysiwyg sont plutot wysiNwyg
avec N=not.
Il s'agit, typiquement, d'une différence de modèle de boites entre ie et
les standards :
http://openweb.eu.org/articles/dimensions_boites_css/
Il serait plus pratique d'avoir le code (x)html + css que tu as fait, mais
il semble que tu utilises une mise en page par tableaux (c'est pas bien
;) )
http://www.cybercodeur.net/weblog/presentations/seybold/everything.html
http://www.openweb.eu.org/articles/problemes_tableaux/
entre autres liens, puisque tu parles de cellpadding et de cellspacing
dans l'objet de ton post.
Je te propose, alors, d'associer à ta page une css, en fichier.css lié de
préférence, en mettant entre les balises <head></head> :
dans laquelle tu préciseras les valeurs de marges internes et externes de
toutes tes boites à 0, ce qui aura comme incidence de mettre tous les
navigateurs à égalité en tout cas sur ce point. Ensuite, si tu as besoin
de jouer avec les marges, tu réaffectes les valeurs adéquates.
*{
margin: 0;
padding: 0;
} /*où (*) est le sélecteur universel */
Ceci est expliqué dans un billet de Raphaël GOETTER, entre autres choses :
http://blog.alsacreations.com/2004/12/08/100-methodologie-pour-resoudre-les-problemes-daffichage-en-css
et une méthode ici :
http://forum.alsacreations.com/faq/#item44
Pour ton tableau, utilise la propriété border-collapse des tableaux :
table{
border-collapse: collapse;
}
Qui aura pour effet de rapprocher toutes les cellules de ton tableau.
petit lien : http://wiki.media-box.net/documentation/css/border-collapse
Je ne saurais ensuite que te conseiller d'éviter de laisser faire (tout)
le travail à un logiciel mais plutot d'essayer d'apprendre, et ainsi
comprendre, le vocabulaire et la grammaire du couple (x)html/css de
manière à mieux maitriser tes mises en page.
hth,
padbra
Cindy a écrit :
Bonjour ? tous!
Petit soucis de d?calage entre l'aper?u ds dreamweaver et ce qui apparait
? l'?cran ds diff?rents navigateurs.
Lorsque je cr?e ma page dans dreamweaver, la barre de menu (accueil -
c'est quoi? ...) sont coll?es au bandeau sans aucun espace apparent,
lorsque je la visionne sous ie des espaces vides apparaissent, sous
firefox ils sont toujours l? mais pas a la mm place. D'o? cela peut-il
venir?
g mis une capture d'?cran en ligne : http://www.myvox.fr/macromedia
Je tiens à te remercier pour la précision de ta reponse. Toutes ces informations m'ont été plus qu'utiles, désormais il n'y a plus aucun soucis de décalage sur le site, g réussi à gérer correctement les modèles de boites grâce aux css.
Promis à l'avenir, je m'interesserai de plus près au code et j'abandonnerai les tableaux. g bien compris la leçon :)
en tous les cas, merci encore!
"padbra" a écrit dans le message de news: djomm4$8o8$
Bonsoir Cindy,
Hum, hum... ce qui est sur, c'est que ce n'est certainement pas un problème lié à dreamweaver, quoique sache que, contrairement aux idée reçues, dreamweaver et autres logiciels dit wysiwyg sont plutot wysiNwyg avec N=not.
Il s'agit, typiquement, d'une différence de modèle de boites entre ie et les standards : http://openweb.eu.org/articles/dimensions_boites_css/
Il serait plus pratique d'avoir le code (x)html + css que tu as fait, mais il semble que tu utilises une mise en page par tableaux (c'est pas bien ;) ) http://www.cybercodeur.net/weblog/presentations/seybold/everything.html http://www.openweb.eu.org/articles/problemes_tableaux/ entre autres liens, puisque tu parles de cellpadding et de cellspacing dans l'objet de ton post. Je te propose, alors, d'associer à ta page une css, en fichier.css lié de préférence, en mettant entre les balises <head></head> :
dans laquelle tu préciseras les valeurs de marges internes et externes de toutes tes boites à 0, ce qui aura comme incidence de mettre tous les navigateurs à égalité en tout cas sur ce point. Ensuite, si tu as besoin de jouer avec les marges, tu réaffectes les valeurs adéquates.
*{ margin: 0; padding: 0; } /*où (*) est le sélecteur universel */
Ceci est expliqué dans un billet de Raphaël GOETTER, entre autres choses :
http://blog.alsacreations.com/2004/12/08/100-methodologie-pour-resoudre-les-problemes-daffichage-en-css et une méthode ici : http://forum.alsacreations.com/faq/#item44
Pour ton tableau, utilise la propriété border-collapse des tableaux :
table{ border-collapse: collapse; }
Qui aura pour effet de rapprocher toutes les cellules de ton tableau. petit lien : http://wiki.media-box.net/documentation/css/border-collapse
Je ne saurais ensuite que te conseiller d'éviter de laisser faire (tout) le travail à un logiciel mais plutot d'essayer d'apprendre, et ainsi comprendre, le vocabulaire et la grammaire du couple (x)html/css de manière à mieux maitriser tes mises en page.
hth, padbra
Cindy a écrit :
Bonjour ? tous! Petit soucis de d?calage entre l'aper?u ds dreamweaver et ce qui apparait ? l'?cran ds diff?rents navigateurs. Lorsque je cr?e ma page dans dreamweaver, la barre de menu (accueil - c'est quoi? ...) sont coll?es au bandeau sans aucun espace apparent, lorsque je la visionne sous ie des espaces vides apparaissent, sous firefox ils sont toujours l? mais pas a la mm place. D'o? cela peut-il venir?
g mis une capture d'?cran en ligne : http://www.myvox.fr/macromedia
Quelqu'un aurait-il une id?e? Merci Cindy
padbra
Bonsoir Cindy,
Cindy a écrit :
Cher padbra,
Je tiens � te remercier pour la pr�cision de ta reponse. Toutes ces informations m'ont �t� plus qu'utiles, d�sormais il n'y a plus aucun soucis de d�calage sur le site, g r�ussi � g�rer correctement les mod�les de boites gr�ce aux css.
C'était un peu le but de mon post :)
Promis � l'avenir, je m'interesserai de plus pr�s au code
Là est le véritable but de mon post. Si c'est le cas alors tant mieux. Plus les webmast-er/resse (?) utiliseront les standards, plus les éditeurs de navigateur récalcitrant (je ne citerai personne) devront se rendre à l'évidence et nous pondre enfin des navigateurs respectueux de ces standards. Marre de s'arracher les cheveux à cause des mauvais élèves (je parle tjs du(es) navigateur(s)) :).
et j'abandonnerai
les tableaux. g bien compris la le�on :)
Ben là n'est pas le but. Il faut simplement utiliser les tableaux pour ce à quoi ils sont destinés : les données tabulaires et non la mise en page ;) .
en tous les cas, merci encore!
Mais de rien, le plus grand des mercis étant que tu t'orientes effectivement vers les standards. Mais ce n'est bien sur pas une obligation obligatoire. ;)
Bonne soirée,
Padbra
Bonsoir Cindy,
Cindy a écrit :
Cher padbra,
Je tiens � te remercier pour la pr�cision de ta reponse. Toutes ces
informations m'ont �t� plus qu'utiles, d�sormais il n'y a plus aucun soucis
de d�calage sur le site, g r�ussi � g�rer correctement les mod�les de boites
gr�ce aux css.
C'était un peu le but de mon post :)
Promis � l'avenir, je m'interesserai de plus pr�s au code
Là est le véritable but de mon post. Si c'est le cas alors tant mieux.
Plus les webmast-er/resse (?) utiliseront les standards, plus les
éditeurs de navigateur récalcitrant (je ne citerai personne) devront se
rendre à l'évidence et nous pondre enfin des navigateurs respectueux de
ces standards.
Marre de s'arracher les cheveux à cause des mauvais élèves (je parle tjs
du(es) navigateur(s)) :).
et j'abandonnerai
les tableaux. g bien compris la le�on :)
Ben là n'est pas le but. Il faut simplement utiliser les tableaux pour
ce à quoi ils sont destinés : les données tabulaires et non la mise en
page ;) .
en tous les cas, merci encore!
Mais de rien, le plus grand des mercis étant que tu t'orientes
effectivement vers les standards. Mais ce n'est bien sur pas une
obligation obligatoire. ;)
Je tiens � te remercier pour la pr�cision de ta reponse. Toutes ces informations m'ont �t� plus qu'utiles, d�sormais il n'y a plus aucun soucis de d�calage sur le site, g r�ussi � g�rer correctement les mod�les de boites gr�ce aux css.
C'était un peu le but de mon post :)
Promis � l'avenir, je m'interesserai de plus pr�s au code
Là est le véritable but de mon post. Si c'est le cas alors tant mieux. Plus les webmast-er/resse (?) utiliseront les standards, plus les éditeurs de navigateur récalcitrant (je ne citerai personne) devront se rendre à l'évidence et nous pondre enfin des navigateurs respectueux de ces standards. Marre de s'arracher les cheveux à cause des mauvais élèves (je parle tjs du(es) navigateur(s)) :).
et j'abandonnerai
les tableaux. g bien compris la le�on :)
Ben là n'est pas le but. Il faut simplement utiliser les tableaux pour ce à quoi ils sont destinés : les données tabulaires et non la mise en page ;) .
en tous les cas, merci encore!
Mais de rien, le plus grand des mercis étant que tu t'orientes effectivement vers les standards. Mais ce n'est bien sur pas une obligation obligatoire. ;)
