Aller en bas de la page
|  CLIQUEZ ET ENREGISTREZ VOUS !! |
    Bienvenue !! Guest |
 |
|
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
  Posted: Mon 26 Oct - 12:26   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
  |
|
Bonjour à tous. Suite à un échange avec cire à la rubrique page d'accueil, je poste un nouveau sujet dont le thème tournera autour des problèmes liés au css et au html, dont l'intégration dans son site donnera un résultat différent selon le navigateur. Je suppose que cette discussion doit figurer sur cette rubrique, et que cette dernière est la plus appropriée.Â
D'une façon générale, j'espère trouver des moyens avec vous pour tenter de résoudre mon problème, mais également, cela permettra de retrouver des recommandations pour ne pas connaître ce genre de soucis !
Je rappelle les faits :Â
Adresse de mon forum, site, Blog :  http://www.converseallstar.fr/  boutique converse
Votre navigateur (Modèle et version) :  Google chrome
Mon problème concerne : la qualité visuelle et fonctionnelle du site selon son navigateur
Êtes-vous le seul concerné par ce problème : Non sûrement pas !
Depuis quand dure le bug/problème constaté ? : depuis que je m'en suis rendu compte. C'est peut-être important : j'ai constaté le problème en allant par curiosité sur IE6 (je ne peux pas avoir IE8, celui-ci de toute façon donne la même chose), une fois que tous les éléments caractérisant la personnalité de mon site ont été effectuées (donc en gros, 2 mois après la création de mon site): contenu texte, html divers (vidéo, image, liens, police & taille caractère, défilant, etc). J'ai par curiosité effacé la totalité du contenu de la page d'accueil (en l'ayant sauvegardé avant !) : le problème est resté ! Chose curieuse, j'ai testé l'ensemble du contenu sur un autre de mes sites en construction, mais en prenant le soin d'effectué la démarche sur IE. On ne constatait aucun bug, à part 1 léger à peine visible.
Description détaillée du problème :  page d'accueil totalement illisible sur IE. Pour un exemple concret, se rendre sur le site et comparer avec Google chrome !
Merci d'avance pour l'aide que vous saurez m'apporter Â
Alors, dans un premier temps, je vous laisse découvrir tout ça, ensuite je vais publier ma page css, puis on en rediscute en fonction de ce que vous aurez dit. Je n'attend pas la recette miracle, ni vous demande l'impossible. Mais le fait d'en parler pourra éventuellement améliorer la compréhension des navigateurs et la particularité de l'html et css. A bientôt 
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Rony
Administrateurs
Offline
Joined: 29 Jan 2009
Posts: 1,773
 
|
|  Posted: Mon 26 Oct - 19:40   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
Merci pour ta réponse et le lien Jipi, et l'on va attendre Cire aussi et les codes css, html qu'il a demandé à Katchoo !!!
peut être y a t'il plus simple et une réponse personnalisée adaptée à son problème !! 
___________________________________
Il vaut mieux savoir un peu de tout, que tout sur très peu.
(Blaise PASCAL)
afin que vos questions et les réponses apportées servent à tous ! Je ne réponds pas aux MP demande d'aide. |
|
| Â |
|
|
|
|
|
|
|
|
cire69
Administrateurs
Offline
Joined: 30 Jan 2009
Posts: 1,141
|
|  Posted: Tue 27 Oct - 23:57   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
raaaaaaaaaaaaaaaaahhhhhhhhh, non di diou JIPI, va tu utilisé un jour les balises bbcode pour mettre tes codes dedans ! 
katchoo, j'arrive et je vais allez faire un tour sur ta boutique, je suis a peu près sur que c'est un problème de codage dans ton css ou bien peut etre une balise en trop dans une présentation ou ailleurs, mais bon je ne promet rien non plus, et je vais peut être pas non plus avoir le temps de voir ça ce soir !
mais j'y pense ! |
|
| Â |
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
|  Posted: Wed 28 Oct - 00:54   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
Merci à vous deux ! Désolé de ne répondre que maintenant, mais j'avais un entretien à préparer pour un boulot (croisez les doigts pour moi ! )
Jipi, j'ai testé le code que tu m'a donné, mais ça n'a rien donné. Je précise que j'ai retiré toutes les petites défaillances qui se sont mises avec le "copier-coller". Alors je m'y connais pas super bien (pas comme vous en tout cas), mais j'ai supposé qu'il fallait intégrer ce code directement dans la page d'accueil, donc là où on met du html combiné avec le contenu qu'on souhaite y ajouter.
Au lieu de vous coller le code html qui est actuellement sur ma page d'accueil pour que vous y jetiez un coup d'oeil, je vais tenter de l'organiser en séparant bien les différents codes, pour que ce soit "visible". Je l'enregistre en pdf, je l'héberge et je vous mets un lien, ce sera plus clair pour tout  le monde, a +Â
[size=16][font=Arial, Verdana, Arial, sans-serif][b]
[/b][/font][/size]
[size=16][font=Arial, Verdana, Arial, sans-serif][b]
[/b][/font][/size]
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
cire69
Administrateurs
Offline
Joined: 30 Jan 2009
Posts: 1,141
|
|
| Â |
|
|
|
|
|
|
|
|
cire69
Administrateurs
Offline
Joined: 30 Jan 2009
Posts: 1,141
|
|  Posted: Wed 28 Oct - 19:59   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
| Alors ????? |
|
| Â |
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
|  Posted: Wed 28 Oct - 22:45   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
Alors je me suis bien pris la tête aujourd'hui ! 
D'abord, merci pour ton code car, même si celui-ci n'a pas réglé le problème, il permet à mon site de s'aérer et prendre de la place. Résultat, j'en ai profité pour modifier certaines choses comme supprimer des images, intégrer un div en html pour bien cadrer avec la vidéo, etc. Le problème que j'ai rencontré, c'est en allant sur firefox voir ce que ça donnait. Firefox n'aime pas les images et les vidéos, il les doubles et les place de façon anarchique ! Mais j'ai trouvé la technique et je la donne pour ceux qui ne la connaissent pas :Â
Â
A chaque image ou vidéo intégrée dont vous remarquerez une position aléatoire sur votre site, prenez le soin des les placer entre les 2 balises Â
- Code: Sélectionner - Agrandir / Réduire
<p></p>
Â
Voilà . Alors pour mon html complet, je vais vous le donner très vite. a tout de suite !Â
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
|  Posted: Wed 28 Oct - 23:04   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
Bon. Je le mets en attendant de vous le présenter avec plus d'organisation. A très vite...
Html page d'accueil :Â
fichier
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
|  Posted: Wed 28 Oct - 23:37   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
Le code css du site :Â
fichier
J'espère ne pas avoir fait d'erreur dans l'organisation ! Cire, le code que tu m'as donné, je l'ai mis en gras sur la partie "usercontent"
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
cire69
Administrateurs
Offline
Joined: 30 Jan 2009
Posts: 1,141
|
|  Posted: Wed 28 Oct - 23:56   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
tu sais , il existe un moyen plus simple pour donner son css plutôt que te t'embêter à faire un pdf, ça s'appelle un lien 
regarde : http://www.converseallstar.fr/custom_css_v4/5/1/2/b/512be986e0c4c67e5517ed5…
tu peu le trouver dans ta source
et pour ton html, pareil il y a la source, et c'est, sans vouloir te vexer, vachement plus clair !
bon, je crois que je n'avais pas tout à fait saisi le véritable soucis, je vais regarder ça de plus près, mais je continu à croire qu'il y a problème de codage ! |
|
| Â |
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
|  Posted: Thu 29 Oct - 10:57   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
rhâââ ! Merci cire !    Non je ne suis pas vexé, y a pas de soucis ! 
En fait, j'essayais tout simplement de mettre css et html en code sur le forum, mais ca donne un truc bizarre en prévisualisation, du coup ca m'a perturbé !Â
voilà le code ! Mais bon, tu as trouvé plus simple !Â
 - Code: Sélectionner - Agrandir / Réduire
<hr align="left" width="100%" color="grey" size="18"> <h> <font face="georgia"> <marquee scrollamount="5" scrolldelay="25">Converse montante - basse - toile - cuir - graphisme - customisée - vintage - Profitez d'un  <a href="http://www.converseallstar.fr/actualites/Coupon-Reduction-Sarenza/5405">coupon de réduction de 15 % chez  <strong>Sarenza</strong></a> et  <a href="http://www.converseallstar.fr/actualites/Reduction-Spartoo/5332color">de 15 à  20 % chez  <strong>Spartoo</strong> !!</a> Luttez contre le SIDA tout en achetant des Converse - Informez-vous - 1HUND(RED) - repérez le premier oeillet de votre  <font color="red">(</font>Converse  <font color="red">)</font> qui doit être rouge - plus d'infos sur le  <a href="http://www.converseallstar.fr/guide/Red-Project-la-Converse-intelligente/5055">guide</a> -  <font color="red">Red</font> Project - La Converse intelligente - Bien choisir sa paire de Converse ? Suivez le guide en prenant connaissance de notre  <a href="http://www.converseallstar.fr/guide/Comment-bien-choisir-ses-Converse/5335">article</a> - Converseallstar.fr c'est des actualités, des vidéos ludiques et pédagogiques, du sérieux, de l'humour, des coupons de réduction, des bons plans, et un choix de Converse de plus en plus vaste - Vous cherchez un modèle de Converse ? Contactez-nous ! - Actuellement : guide complet sur la  <a href="http://www.converseallstar.fr/guide/Toutes-les-Converse-Rouge/5391">Converse rouge</a> - un bon plan pour  <a href="http://www.converseallstar.fr/guide/Converse-customisee-en-France/5286">customiser sa Converse</a> tout en restant chez soi ! - Avec Converseallstar.fr accédez à  un vaste choix de Converse grâce à  un classement unique sur la toile ! -  <i>Boutique Converse Mode des Converse</i> : le seul site français proposant un guide de la célèbre marque pour bien choisir sa boutique en ligne, son modèle préféré et optimiser ses recherches - Choisir sa Converse n'a jamais été aussi facile ! - Contactez-nous : webmaster@converseallstar.fr</marquee> </font> </h1> <hr align="left" width="100%" color="grey" size="18"> <p> <img src="http://sd-1.archive-host.com/membres/images/514997908/6ygkyrjpg_17.png" alt="boutique converse"> </p> <div style="float: right"> <h> <font face="georgia"> <font color="violet">Converse</font> </font> </h2> <p> <font face="georgia">La Converse, on la découvre tous les jours. De la  <strong>Chuck Taylor All Star</strong> à  la</font> </p> <p> <font face="georgia">Converse basse en cuir et à  graphisme, en passant par le modèle à  motifs,</font> </p> <p> <font face="georgia">la célèbre chaussure se décline en une multitude de configurations.</font> </p> <p> <font face="georgia">On retrouvera sur ce site les modèles suivants.</font> </p> <ul> <li> <font color="violet"> <b> <font face="georgia">Chuck Taylor All Star Classique</font> </b> </font> </li> <li> <font color="violet"> <b> <font face="georgia">Chuck Taylor All Star</font> </b> </font> </li> <li> <font color="violet"> <b> <font face="georgia"> <strong>Premier One Star</strong> </font> </b> </font> </li> <li> <font color="violet"> <b> <font face="georgia"> <strong>One Star</strong> </font> </b> </font> </li> <li> <font color="violet"> <b> <font face="georgia"> <strong>Star Player</strong> </font> </b> </font> </li> </ul> </div> <p> <object width="320" height="265"> <param name="movie" value="http://www.youtube.com/v/FYLjTfCHvMo&hl=fr&fs=1&color1=0x402061&color2=0x9461ca"> <param name="allowFullScreen" value="true"> <param name="allowscriptaccess" value="always"> <embed src="http://www.youtube.com/v/FYLjTfCHvMo&hl=fr&fs=1&color1=0x402061&color2=0x9461ca" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="482" height="280"> </object> </p> <h> <font face="georgia"> <font color="violet">Converse Chuck Taylor</font> </font> </h1> <p> <font face="georgia">Converseallstar.fr est le seul site français à  réunir sous une même catégorie</font> </p> <p> <font face="georgia">la Converse populaire et classique en retenant les critères suivants</font> </p> <ul> <li> <font face="georgia">- Couleur Toile unie</font> </li> <li> <font face="georgia">- Semelle blanche</font> </li> <li> <font face="georgia">- Deux lignes noires en contour sur la semelle</font> </li> <li> <font face="georgia">- Lacets blancs</font> </li> </ul> <p> <font face="georgia">Grâce aux boutiques en ligne réparties sur internet, ce site mutualise</font> </p> <p> <font face="georgia">les multiples</font>  <font face="georgia">produits de Converse, la célèbre  <strong>chaussure</strong>, en cuir,</font></p> <p> <font face="georgia">en toile, basse ou montante, et en différents coloris.</font> </p> <p> <font face="georgia">Les rubriques ont été organisées de façon à  répondre</font> </p> <p> <font face="georgia">le mieux à  vos attentes,</font> </p> <p> <font face="georgia">notamment concernant le choix de la matière, des couleurs,</font> </p> <font face="georgia">de la présence des lacets ou du graphisme.</font> <p> <font face="georgia">Pour une présentation complète de la plateforme dédiée à  la Converse,</font> </p> <p> <font face="georgia">rendez vous à  la partie  <a href="http://www.converseallstar.fr/guide/La-Boutique-des-Converse-Mode-d-emploi/4726">Guide</a> du site et à  son  <a href="http://www.converseallstar.fr/guides">sommaire</a></font> </p> <h> <font color="violet">Converse Seasonal</font> </h2> <p> <font face="georgia"> <font face="georgia">Actuellement à  la une, les Converse de Saison s'affichent !</font> </font> </p> <p> <font face="georgia"> <font face="georgia">Des couleurs pastel à  découvrir en basse et montante,</font> </font> </p> <p> <font face="georgia"> <font face="georgia">dans les rubriques Converse Toile classique  <a href="http://www.converseallstar.fr/c/Converse-Toile-Homme/5933467">Homme</a> et  <a href="http://www.converseallstar.fr/c/Converse-Toile-Femme/5931711">femme</a>.</font> </font> </p> <p> <font face="georgia"> <font face="georgia">Dépêchez-vous, certaines couleurs ne s'afficheront plus l'année prochaine !</font> </font> </p> <h> <font face="georgia"> <font face="georgia"> <font color="violet">Converse Cuir</font> </font> </font> </h2> <p> <font face="georgia"> <font face="georgia">Les Converse cuir sont unisexes ou spécialement dédiées à  la gente féminine.</font> </font> </p> <p> <font face="georgia"> <font face="georgia">Le cuir, disponible également en  <i>pleine fleur</i> fait l'honneur à  la Chuck Taylor !</font> </font> </p> <p> <font face="georgia"> <font face="georgia">Retrouvez également la One Star, la Star Player et la Premier One Star</font> </font> </p> <p> <font face="georgia"> <font face="georgia">dans les catégories spécialement organisées pour accéder au différents modèles :</font> </font> </p> <p> <font face="georgia"> <font face="georgia"> <a href="http://www.converseallstar.fr/c/Converse-Cuir-Homme/5930238">Converse Cuir Homme</a> et  <a href="http://www.converseallstar.fr/c/Converse-Cuir-Femme/5938505">Converse Cuir Femme</a></font> </font> </p> <h> <font face="georgia"> <font face="georgia"> <font color="violet">Converse motif et graphisme</font> </font> </font> </h2> <p> <font face="georgia"> <font face="georgia">Accédez directement aux Converse comportant motifs, carreaux</font> </font> </p> <p> <font face="georgia"> <font face="georgia">et dessins divers et variés. Les Chuck Taylor All Star s'habillent</font> </font> </p> <p> <font face="georgia"> <font face="georgia">spécialement pour fêter l'anniversaire de la marque, célébrer la lutte contre le sida,</font> </font> </p> <p> <font face="georgia"> <font face="georgia">ou tout simplement renouveler l'esthétisme grâce à  un ornement original !</font> </font> </p> <font face="georgia"> <font face="georgia">Découvrez toutes les Converse Graphisme réunis uniquement <br> <br></font> </font> <p> <font face="georgia"> <font face="georgia">sur Converseallstar.fr en montante et basse : Catégorie  <a href="http://www.converseallstar.fr/c/Converse-Graphisme-Homme/5932004">Homme</a> /  <a href="http://www.converseallstar.fr/c/Converse-Graphisme-Femme/5932023">Femme</a></font> </font> </p> <h> <font face="georgia"> <font face="georgia"> <font color="violet">Converse vidéo</font> </font> </font> </h2> <p> <font face="georgia"> <font face="georgia">Des vidéos publicitaires faisant la promotion de la Converse sont disponibles</font> </font> </p> <p> <font face="georgia"> <font face="georgia">à  partir des catégories. N'hésitez pas à  les regarder. Certaines d'entre elles ont été</font> </font> </p> <p> <font face="georgia"> <font face="georgia">réalisées par des particuliers en raison du fort potentiel de créativité</font> </font> </p> <p> <font face="georgia"> <font face="georgia">qu'inspire la chaussure américaine, et du caractère emblématique</font> </font> </p> <p> <font face="georgia"> <font face="georgia">que véhicule la marque.</font> </font> </p> <h> <font face="georgia"> <font face="georgia"> <font color="violet">webmaster@converseallstar.fr</font> </font> </font> </h2> <p> <font face="georgia"> <font face="georgia">Si vous souhaitez recueillir des informations sur les différents</font> </font> </p> <p> <font face="georgia"> <font face="georgia">modèles de Converse, contactez-nous.</font> </font> </p>Â
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
cire69
Administrateurs
Offline
Joined: 30 Jan 2009
Posts: 1,141
|
|  Posted: Thu 29 Oct - 21:09   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
bon je galère à chercher !
je te propose une chose, puisque tu n'as pas modifié ton css !
je te propose de recharger ton code css par défault pour voir si cela vient du css !
préviens moi dés que c'est fait ! |
|
| Â |
|
|
|
|
|
|
|
|
cire69
Administrateurs
Offline
Joined: 30 Jan 2009
Posts: 1,141
|
|  Posted: Fri 30 Oct - 00:05   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
j'ai vu que tu avais fais des changements !
si tu as viré tout ce que tu as fait et que tu as remis le css par défaut, alors il y a un gros probleme, tu n'as pas d'autre moyen que d'alerter la zlioteam pour leur faire constater, il ont des developper après tout qui sont là pour ça !
non mais des fois, y vont bosser un peu eux aussi ! |
|
| Â |
|
|
|
|
|
|
|
|
katchoo
Membre
Offline
Joined: 25 Oct 2009
Posts: 13
|
|  Posted: Fri 30 Oct - 00:07   Post subject: [Résolu] css / html Adapter son site à tous les navigateurs |
|
|
J'ai rechargé le code css par défaut et par la même occasion, j'ai tout supprimé :
- gestionnaire de contenu
- présentation de l'accueil
- pied html
Rien ne change ! tout est pareil.Â
Je vais voir pour supprimer aussi la présentation des catégories.
Peut-être que ca donnera un truc.
Et puis, si ca vient des produits eux-même, je lâcherais l'affaire Â
Parce que je me vois mal modifier le contenu de près de 190 paire de Converse. Enfin, bon on verraÂ
En tout cas j'ai tout sauvegardé dans mon notepad++, dont je viens de prendre connaissance grâce au site du zéro = Merci jipi et blosi.net !Â
Merci cire pour tout, a +Â
___________________________________
Boutique Converse |
|
| Â |
|
|
|
|
|
|
|
|
|
|
|
|
|
Retour en haut de la page
|
 
   
