affichage ok sur firfox et pas sur i.e

Question

Bonjour, J'ai mis en ligne un site pour une amie, tout est nickel sur firefox mais sur I.E j'ai un souci d'affichage
J'ai 2 <marquee scrollamount="5" behavior=slide> un direction left et l'autre right !!
on affiche la page : ca marche ! ensuite sur le coté de la page se trouve des photos, on clic dessus et on les vois défiler !!! jusque là aucun problème :) par contre en cliquent sur le lien retour on retourne sur la page d'accueil et là ..... direction left est toujours là mais right a disparu  !!!

je suis novice dans la création de site et je comprend absolument pas ce phénomène !!!!
Un grand merci a celui qui pourra m'expliquer !!!!
Pour plus de faciliter je donne directement le lien :
http://www.sandylingerie.free.fr
Merci d'avance !!!!!!

gavroch · Answer

Bon et bien j'ai rien touché encore et le right a décider de plus s'afficher et le left est toujours nickel :( je capte rien !! je voie aucun problème dans ce code ( mais peut etre que quelque chose m'échappe ) voici le code :

Savoie

Professionnelle v.d.i

Haute-Savoie

Pour moi les 2 son identique mis a part la direction . Help!!!!!!!!!!!!!

Dalida · Answer

salut, je voie aucun problème dans ce code pourtant il y a pas mal d'erreurs. le problème c'est que tu utilises des techniques qu'il ne faut pas utiliser, pour la mise en page, qui est une balise de Microsoft uniquement et ton code qui est loin d'être clean. au final, l'affichage de ta page se fait un peu au "p'tit bonheur la chance".

gavroch · Answer

ok merci d'avoir jeter un coup d'œil !!
Comme je l'ai dit je suis novice et j'aimerais comprendre ! tout les code que j'utilise vienne d'un site de html mais ne précise pas le fait que certain code  marche ou ne marche pas sur tel ou tel chose !!!

Pourrais tu me donner un code plus "clean" ? Je sais que je complique un peu les codes car je ne sais pas comment les simplifier (on ma deja fait la remarque mais de solution).

Dalida · Answer

la référence c'est la spécification.
c'est plutôt indigeste, surtout pour un débutant !

pour ta page d'accueil, tu pourrais suivre ce tuto qui te permet de faire les trois colonnes "proprement".

pour le reste il faut te former.
tu peux regarder ces liens dans les catégories XHTML et CSS.

gavroch · Answer

Merci beaucoup !!!!
c'est cool je vais bucher sur tout ça !!
Merci encore !!!

arthezius · Answer

Tes images sont très longue à s'afficher. Plutôt de réduire leurs taille à l'affichage en foràant une taille met des miniatures. qui seront directement au format souhaité. ça réduira le temps d'affichage.

gavroch · Answer

Salut arthezius, Merci pour l'idée c'est bien une chose qui me tracassait "ce temps de chargement d'image" Mais qu'est ce que tu entend par  mètre des miniatures ?!
le faite charger 2 images sur le serveur ! une de chaque taille que je souhaite ???

gavroch · Answer

Dalida !! dit moi je n'avais pas vue ce lien que tu ma donner !!!

Errors found while checking this document as HTML 4.01 Transitional!
Result: 	69 Errors 

69 erreurs :s    ça fous les boules !!! Peu tu m'expliquer globalement ce que c'est J'suis désolé mais je panne rien a l'anglais  (je sais il faut que je mis mette:) 
part contre alsacreations.com j'adhère c'est un bon tuto !!!!!
Pour mon problème je croie que je vais tout simplement supprimé les <marquee> pour le moment et trouver un bon bouquin pour apprendre le tout de A à Z  et refaire le site au complet avec de bonne base !!! 
Un bouquin a me conseiller ?

Dalida · Answer

salut,

69 erreurs :s ça fous les boules !!!
69, on a vu pire !
et encore tu es en HTML et en version Transitional qui sont les plus tolérants !
il faut préciser que la plupart des erreurs entraine une ou plusieurs autres erreurs en cascade donc quand tu en corriges une, plusieurs disparaissent.

pour t'aider, le plus simple est que tu repartes sur une base propre et que tu la valides au fur et à mesure, en nous montrant si besoin.

Pour mon problème je croie que je vais tout simplement supprimé les <marquee>
on aurait pas pu te dire mieux !

trouver un bon bouquin pour apprendre le tout de A à Z
pas besoin de bouquin, il y a des milliers de ressources gratuites et de qualité sur le net.
commence par là et dis nous si tu as besoin d'explications ou de davantage de documents.
la règle de base est de bien différencier le contenu (HTML) de la présentation (CSS et JS).
pour (X)HTML, l'ensemble des balises sont présentées chez SelfHTML, qu'on peut considérer comme la bible du HTML.
il y a aussi cet article pour les différences entre HTML et XHTML.
moi, je te conseille le XHTML Strict, c'est le plus exigeant mais c'est la meilleure école !

donc tu peux commencer par construire ta page HTML avec le minimum de contenu (du texte) et à mettre en place les trois colonnes.
tu valides le code et/ou tu nous le montres et ensuite tu ajoutes le reste du contenu au fur et à mesure (photos, liens…).

Dalida · Answer

salut, je n'arrive pas trop a capter la différence en html et xhtml pour moi en lisent toutes les explications ça reste très flou. La différence est "a mon avis" minime entre les deux t'as tout compris ! très peu de différences en effet. pour reprendre : XHTML c'est du HTML (donc tu retrouve les mêmes balises, sauf une ou deux) mais c'est du HTML qui est écrit comme du XML. ne t'inquiète pas, tu n'as pas besoin de comprendre le XML, il faut juste te rappeler de : • écrire les balises et les attributs (comme "id" ou "href") toujours en minuscules. en HTML tu pouvais les écrire soit en majuscules, soit en minuscules et même mélanger les deux (le bordel quoi !). exemple : HTML = un lien en HTML XHTML = un lien en HTML • les balises "vides" se ferment avec "/>" et pas seulement avec ">". une balise vide c'est une balise qui n'a pas de texte ou d'autre balise à l'intérieur d'elle-même. exemple : du texte ou

n'est pas une balise "vide", elle contient quelque chose mais par contre est une balise "vide", elle ne contient rien (hormis ses propre attributs). donc en HTML, on écrivait

, en XHTML tu dois simplement la fermer différemment :

en fait XHTML est plus propre car il permet de distinguer au premier coup d'œil une balise "vide". autre exemple, pour revenir à la ligne dans un texte on utilise la balise
: en HTML quant tu tombes sur cette balise et que tu ne l'as connais pas tu pourrais penser que c'est une balise ouvrante et qu'il y a plus loin la balise fermante
(qui n'existe pas en fait). alors qu'en XHTML, tu tombes sur
, elle se termine par "/>" donc c'est une balise vide. • toutes les balises ouvrantes doivent être fermées, là encore c'est juste plus "propre". en HTML tu pouvais oublier une balise fermante

un lien

, ici je n'ai pas fermé le lien. alors qu'en XHTML tu dois bien tout fermer proprement :

un lien

. • il faut bien imbriquer les éléments, c'est le principe du dernier ouvert, premier fermé. en XHTML, une liste qui contient des items, chaque item contient un lien, chaque lien contient une image :

en HTML, tu peux te permettre d'ouvrir le deuxième lien dans le premier item (pas terrible) :

Pourquoi ne pas mètre en page avec un tableau c'est une question de sémantique. la sémantique c'est quoi ? c'est le fait qu'une balise, par son type donne une indication sur son contenu, le type de balise et le contenu de la balise doivent concorder. dans une balise de type paragraphe, tu mets du texte. dans une balise de type titre, tu mets un titre (et pas simplement du texte écrit en gros). dans un tableau, tu mets des données qui doivent être mises dans un tableau comme des statistiques ou le détail d'une facture. et si on déconseille d'utiliser les tableaux pour de la mise en page, c'est qu'on ne navigue pas sur le web qu'avec des navigateurs graphiques(Firefox, Internet Explorer…) et que les autres types de navigateurs ne sont pas forcément capables de représenter correctement les tableaux donc ta page ne sera pas visible pour tout le monde. bien évidement beaucoup de sites sont mal construits et même de grands web studios codent très mal. mais nous sommes de plus en plus nombreux à suivre l'exemple d'Alsacréations (entre autres) et à rendre nos sites accessibles au plus grand nombre et pas seulement au péquin lambda qui as Windows XP et Internet Explorer. tout le monde doit pouvoir afficher la page, quelque soit sa configuration et ses logiciels. c'est en général (pour des petits sites en particulier) plus simple et plus stable. c'est surtout une question d'habitude. si tu prends les bonnes habitudes tu appliqueras toutes ces règles sans même t'en rendre compte. Sur le w3c les erreurs je ne les comprend absolument pas ! il mes marque comme erreur > "supérieur a" est obligatoire pour fermer une balise c'est ce que je t'explique plus haut, selon que tu codes en HTML ou en XHTML il faut fermer les balises "vides" avec ">" ou "/>". Je ne suis pas désespérer mais pas loin code ! c'est par la pratique que tu apprendras le mieux. fais une page, montre-nous et on t'expliquera au cas par cas si besoin. j'aimerai connaitre un bon livre pour des bases propre et partir sur une bonne évolution (j'aime le support physique du livre "comme une bible vois-tu"). là je ne vais pas pouvoir t'aider, je n'ai jamais acheté de livre sur HTML… mais regarde chez developpez.com, ils ont en général de bonnes critiques, prends quelque chose de complet mais accessible aux débutants et fais gaffe à en prendre un en français ! -:oD pour c'est une balise qui n'est reconnu que par IE, donc pour moi ça n'existe même pas ! et faire défiler du texte, c'est (toujours pour moi) du détail, du superflu, c'est un gadget. mais tu pourras toujours faire défiler le texte avec du JS, une fois que tu auras une page clean ! lâche rien et bon courage ! -;o)

gavroch · Answer

Ok ok je croie avoir un poile piger la chose ! Merci a vous 2 pour votre soutien !
J'ai fait une page test pour voir si j'avais bien compris ça rend assez bien mais w3c n'ai pas d'accord  ! 50 erreurs 
pourtant j'ai essayer de suivre a la lettre le tuto que tu ma filer !
voici ma page test (dans le code source je pose quelque questions) :
http://musiqueidylle.free.fr/testX.htm
Et la w3c qui m'en veut :
http://validator.w3.org/...

Utilisateur anonyme · Answer

oua j'aime bien le site

RAD ZONE · Answer

Correction que je n avais pas vue sur le conditionel IE ! dans cette corection http://www.commentcamarche.net/forum/affich 11713470 affichage ok sur firfox et pas sur i e?#16 a la place de

RAD ZONE · Answer

Salut tu as les erreur par ce que tu as mis < !-- Gavroch --> mais ce n est pas de ta faute c est le forum qui a interprete le signe !! voila ta page regarde le code source tu vas voir ce que j ai mis a la place de < !-- ! j ai aussi modifie le conditionel pour IE 6 en

gavroch · Answer

Allor là !!! je suis sur le Q ! 2 tours de passe de rad zone et c'est régler !!! 

Une bonne leçon de Xhtml 

Vraiment un grand merci a vous tous pour toute les leçons que vous m'avez appris !!!
Ca me donne vraiment la motive pour continuer J'ai encore beaucoup de choses a apprendre  et du chemin a parcourir !! Merci a toi dalida et j'oublierais pas ton : lâche rien et bon courage !  je lâche pas je tien bon ! 

Tout n'est pas gagnez !!! il faut que je re-face le site de mon amie mais j'y croie fort !!!
Je vous tien au courant pour la phase finale de "sandy-lingerie" je devrai bien m'en sortir maintenant !!!   

Merci a vous !!! a bientôt

Ps : Dalida !!! et faire défiler du texte, c'est (toujours pour moi) du détail, du superflu, c'est un gadget.
mais tu pourras toujours faire défiler le texte avec du JS, une fois que tu auras une page clean ! 
Je suis d'accord avec toi ça reste superflu !! mais sur cette page il me permet de mètre un certain volume de texte sur une petite surface visible, qui m'évite de surcharger (d'étaler le texte sur la page) !
Pourrais-tu me donner un p'tit code ? ou une solution alternative !!!

@+

Dalida · Answer

salut,

Pourrais-tu me donner un p'tit code ? ou une solution alternative !!! 
en Javascript et XHTML Strict valide mais ne le mets pas avant d'avoir totalement fini, sinon tu vas patauger…

gavroch · Answer

Voila l'index du site en Xhtml est terminer et valider par w3c (j'ai gagnez un p'tit logo sur la page:) Au départ 170 fautes donc j'ai réparer mes conneries ! Et j'ai du aussi enlever certaine balise dont je trouvais pas les erreurs comme Ou encore

ou

Ainsi que

Le border=0 cause problème Donc impossible (a ma connaissance) de change la taille ou la couleur du texte a un endroit voulu ! de meme que d'insérer une ligne de taille souhaiter! Et de virer le cadre des images (Mes images sont des lien donc avec un vieux cadre bleu bien moche) Merci Dalida pour le code de défilement mais je doute sur l'emplacement des code !! ( Mais avant de demander je vais chercher a me creuser la tète pour trouver sinon j'y arriverai jamais) Si vous voulez voir ce que ca donne : http://www.sandylingerie.free.fr/index.htm Ci trouve le lien de W3c "valid" :) Je doit encore re-faire les deux pages qui affiche les photos en grand :) @+

Dalida · Answer

salut, change la taille ou la couleur du texte a un endroit voulu

du texte blablabla en rouge encore du texte

en CSS : p#vert{ color:green; } span.rouge{ color:red; } span.grand{ font-size:2em; font-weight:bold; } si l'élément est unique dans la page tu prends "id", sinon "class". insérer une ligne de taille souhaiter

en CSS : hr#grosse-ligne{ width:600px; height:120px; } virer le cadre des images a img{ border-style:none; } faut te mettre à CSS maintenant !

gavroch · Answer

J'ai oublier une balise qui ma fait souci !!! : mon lien target=blank n'est pas accepter par w3c ou peu-être que je l'emploie mal !!!

gavroch · Answer

Merci encore !!!!
Déduction :
Toute action voulu sur le rendu de la page doit être indiquer dans le css ! (si j'ai bien compris)
Et comme tu me la dit plus haut :
XHTML c'est du HTML (donc tu retrouve les mêmes balises, sauf une ou deux)

Reste a voir si j'ai bien compris toute les leçons !!!
Je fait mes pages de défilement de photos et si tout va bien je me met  à CSS  ! 
Pour comprendre tout ce que je fait ;)

Dalida · Answer

Toute action voulu sur le rendu de la page doit être indiquer dans le css !
t'as tout compris !
bienvenue dans le monde merveilleux de l'intégration XHTML/CSS !
-;o)

le principe c'est séparer le contenu (HTML) de la présentation (CSS et Javascript).

gavroch · Answer

on the road again :) :) :) :)

gavroch · Answer

Magnifique !! Me voici avec un site tout propre don les 3 pages sont valider sur w3c :)
J'ai galérer pour faire défiler mes photos mais après avoir exploser mes yeux sur l'écran pour trouver les problèmes ! J'y suis arriver !!! Avec ce super générateur de code: https://www.abciweb.net/objet-defilant.php?page=250  j'suis loin d'être au résulta impeccable entièrement taper a la main :( mais bon j'peu pas tout avoir en 5jours d'apprentissage de Xhtml et je vais persister dans le domaine !!!

En tout cas .... Vraiment !!!! MERCI a vous tous d'avoir pris du temps a m'expliquer tout ça !!!!
Je pense avoir évoluer surtout que mon problème de base étai minime en rapport avec le html de ma page qui me semblais bon !

Merci a tous !

Yann

RAD ZONE · Answer

{ EDIT CE N EST PAS TA PAGE MAIS CELLE DU GENERATEUR (=; ! }

gavroch · Answer

Pourtant je suis bien en strict !!!!
Tu as du regarder sur la "page test" !!!
le lien :
http://www.sandylingerie.free.fr 
avec les deux pages photos :(du générateur):

RAD ZONE · Answer

loool non je t ai dis 
 CE N EST PAS TA PAGE MAIS CELLE DU GENERATEUR

j ai regarde le code source du lien que tu avais mis en pensant que c etait le tiens !! et comme j ai vus ca a la premiere ligne je n avais pas ete plus loin , mais ce n est pas ton site :_)))

gavroch · Answer

salut tout le monde !!! Voila appret quelque cours grâce a vos lien j'ai refait mon premier site (:sans générateur:) Si vous voulez jeter un œil : http://musiqueidylle.free.fr Et pour le target="blank" qui n'est pas accepter par w3c J'ai trouver l'astuce (ça peu toujours servir a quelqu'un) ça donne : comment ca marche Encore un grand merci a vous !!!!!! @+ yann

Affichage ok sur firfox et pas sur i.e

27 réponses

Votre réponse

Discussions similaires

Newsletters