Site sous explorer internet

Bonjour,
Mon site ne fonctionne plus sur Internet Explorer. L'un de vous a peut-être déjà eu ce problème mais je n'ai pas trouvé la réponse.
J'avais un site qui fonctionnait parfaitement sous internet explorer. Entretemps, j'ai restructuré le site, j'ai adopté Mozilla Firefox et j'ai téléchargé une nouvelle version Internet Explorer. Je viens de constater qu'il fonctionne impeccablement sous Mozilla (alors qu'avant ce n'était pas le cas) mais qu'avec Explorer, c'est le désastre.
Je ne suis pas assez professionnelle pour me sortir d'un si mauvais pas.
Connaissez-vous la réponse ?
Merci d'avance
Configuration: Windows XP
Firefox 2.0.0.14

28 réponses

  • Votes
  • Date
  • Date décroissante
Résumé de la discussion

Problème rencontré : un site qui fonctionnait sous Internet Explorer ne fonctionne plus après une restructuration, alors qu’il s’affiche correctement sous Mozilla Firefox sur Windows XP et Firefox 2.0.0.14. Plusieurs réponses recommandent d’optimiser le contenu textuel et les menus pour le référencement, de corriger les bordures et les incohérences HTML/CSS, puis d’adopter une approche multiplateforme avec validation et outils de débogage. Il est souligné que les navigateurs interprètent différemment les balises et que l’option consiste soit à écrire des pages compatibles, soit à servir des versions distinctes selon le navigateur. En dernier ressort, l’emploi renforcé du CSS et la suppression des tableaux au profit de mises en page flexibles peut limiter les écarts de rendu sous IE.

Bobot (l’IA à votre service)
  1. Contributeur
    Merci d'être si patiente avec moi.
    t'as de la chance parce que d'habitude je ne suis pas patiente du tout !
    je suis plutôt patient…
    -:oD

    pour l'image, clique droit sur ce lien et choisit "Enregistrer sous…" ou "Enregistrer la cible du lien sous…" selon le navigateur.
    je pense que tu as dû l'afficher mais ne pas la voir, elle est presque invisible.
    1. Salut,
      Merci d'être si patiente avec moi. Je m'exprime vraiment mal et je te demande de m'excuser. Je te raconte toute l'histoire.
      J'ai fait ma page suivant ton modèle et je me retrouve avec 3 colonnes de 3 hauteurs différentes, c'est alors que je cherche sur internet. Ils disent qu'il faut mettre le background en gris et rajouter une image en background.
      C'est là que je comprends à quoi servait :
      background-image:url(../resources/wrapper.jpg);
      wrapper.jpg c'est une image, elle est sur un site sauf que je ne sais pas sur lequel. Je ne l'ai pas.
      Voilà mon petit problème actuel
      J'ai piqué la source du modèle
      J'ai piqué la feuille de style
      mais wrapper.jpg je ne l'ai pas trouvé
      Continue d'être aussi patient avec moi, car je galère.
      Merci pour tout
      1. Contributeur
        salut,

        pardon je n'avais pas compris que tu attendais la technique et pas l'image !
        tu n'as pas pris mes fichiers (en particulier HTML et CSS )?

        en fait il suffit d'appliquer l'image en image de fond du <div> qui contient toutes les parties qui doivent avoir les colonnes.
        l'image ne fait que quelques pixels de haut pour se charger et donc s'afficher plus rapidement.
        elle est répétée en hauteur (axe des Y) pour donner l'impression que ce sont des colonnes avec des bordures sur toute la hauteur.
        div#wrapper{
        	background-image:url(../resources/wrapper.jpg);
        	background-position:0 0;
        	background-repeat:repeat-y;
        }

        pour les images, un <p>, un <strong> pour le texte, trois <img /> et des styles !
        comme j'utilise le flottement, j'ai ajouté une ligne (<hr />) qui annule les effets du flottement et qui sera masquée.
        HTML
        <p id="pseudo-table">
        	<strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id tortor. Cras varius nulla ut ipsum. Maecenas commodo quam sed tellus.</strong>
        	<img src="images/image_01.png" alt="Image 1" width="124" height="124" />
        	<img src="images/image_02.png" alt="Image 2" width="124" height="124" />
        	<img src="images/image_03.png" alt="Image 3" width="124" height="124" />
        <p>
        <hr class="clear-left" />

        CSS
        p#pseudo-table strong{
        	float:left;
        	width:125px;
        	height:124px;
        	overflow:hidden;
        	font-weight:normal;
        	border:1px solid #93B0AB;
        }
        p#pseudo-table img{
        	border-width:1px;
        	border-style:solid solid solid none;
        	border-color:#93B0AB;
        	float:left;
        }
        hr.clear-left{
        	clear:left;
        	visibility:hidden;
        	margin-bottom:20px;
        }
        1. Salut Dalida,
          Je comprends ta réponse. J'ai vu sur la toile qu'il faut mettre une image en background pour cacher les différentes longueurs des colonnes. Je pense que c'est ce que tu as fait sur le modèle. Mais je ne sais pas le faire.
          Excuse-moi je profite de ton savoir.
          J'ai encore une autre question. Je galère depuis des heures pour mettre un genre de tableau dans la colonne du milieu représenté par div#content, dans lequel il y a du texte et 3 images positionnés l'une à coté de l'autre horizontalement. J'ai essayé paragraphe,div dans div, rien ne marche. Bien entendu comme c'est un tableau il a aussi des bordures.
          Peux-tu m'éclairer ?
          Merci d'avance.
          1. Contributeur
            salut,

            il s'agit d'une adresse relative. elle indique l'adresse du fichier image relativement à l'adresse du fichier CSS (le fichier ne compte pas, on considère le dossier qui le contient).
            l'image :
            ../resources/wrapper.jpg
            les deux points signifies qu'il faut remonter d'un niveau
            
            le fichier CSS :
            http://www.grainedekeupon.fr/ccm/sites/guenievr/styles/screen.css
            
            adresse de référence :
            http://www.grainedekeupon.fr/ccm/sites/guenievr/styles/
            
            on remonte d'un niveau :
            http://www.grainedekeupon.fr/ccm/sites/guenievr/
            
            on ajoute le reste de l'adresse de l'image :
            http://www.grainedekeupon.fr/ccm/sites/guenievr/resources/wrapper.jpg
            1. Bonjour Dalida,
              Suivant ton modèle, j'ai réalisé entièrement mes premières pages. J'en suis au différentes longueurs de colonnes.
              Tu as mis dans la feuille de style :background-image : url(../resources/wrapper.jpg);
              Maintenant que j'ai ma propre page, je ne dispose plus de cette image et je n'ai pas pu la récupérer sur le site.
              Comment je dois faire pour obtenir ce background ?
              Merci pour ton attention
              1. Contributeur
                comme éditeur texte je te conseille Notepad++.

                pour du WYSIWYG (mode graphique), je te conseille Amaya.
                Kompozer est très bien mais ce n'est pas un véritable éditeur et pour s'en servir il faut bien comprendre comment il fonctionne par rapport aux autres.

                mais de toute façon, pour travailler tu as au moins un éditeur d'ouvert et un navigateur (FF) d'ouvert et tu passes constamment de l'un à l'autre, sous Windows tu peux le faire plus facilement avec les touches [ Alt ] + [ Tab ].

                pour les extensions de FF, mets y le nez quand tu as le temps, regarde partout, touche à tout mais fait ça à temps perdu.
                petit à petit tu découvrira les fonctionnalités et t'en servira au besoin.

                pour la mise à jour en ligne, ton document n'est pas enregistré où il faudrait ou il n'est enregistré du tout (404 = document introuvable).
                pose le à nouveau sur le serveur en faisant bien attention à l'endroit où tu le dépose et si le transfert s'est bien passé.
                1. Salut Dalida,
                  Merci pour ton message. Mais j'ai une question plus importante à te poser.
                  Je fais mes changement sur Notepad, mais avec Notepad on ne voit pas son travail, d'où j'ai réessayé avec Kompozer, mais ce dernier me modifie le fichier dans le mauvais sens, de plus il m'a vidé 2 fois le fichier ; quant à Firebug, je n'y comprends pas grand-chose (je n'ai pas trouvé de tuto vraiment explicite). Je l'ai envoyé sur le site qui me renvoie une page 404 d'error. Donc je suis un peu coincée pour voir mon travail. Penses-tu qu'il y ait une solution ?
                  1. Contributeur
                    salut,

                    c'est pour mettre le texte je suppose.
                    pour faire rapide tu peux ajouter le texte (sauf 'Accueil') à ton image d'en-tête.
                    ensuite tu crées une autre image pour 'Accueil'.

                    en HTML, tu transforme ton titre pour avoir :
                    <div id="header">
                          <h1><a href="index.html">ton titre</a></h1>
                    </div>

                    tu mets la première image en fond du <div> et la deuxième en fond de <h1>.
                    pour <h1> tu définis sa taille et tu le places avec les marges, il servira de retour à l'accueil.

                    si tu préfères du "tout texte" dis le moi, je ferai un essai, c'est un peu plus complexe donc il faut que je mette les mains dans le cambouis !
                    -;o)
                    1. Bonjour,
                      Dalida j'ai fait ce que tu m'as conseillé ; le html-ccs continue à me tirer la langue. J'ai réussi d'après ton modéle à remodeler ma page, mais je n'arrive pas à modifier mon entete.
                      Comment aligner plusieurs images sur un même bloc ? Des heures de recherche sur le net ne m'ont pas fourni la solution.
                      Merci pour toute réponse.
                      1. Salut Dalida,
                        J'ai enfin réussi à faire marcher le fichier corrigé que tu m'as envoyé, il fonctionne aussi bien sur mozilla que sur internet explorer.
                        Bravo, je n'ai qu'à me mettre au travail.
                        Merci
                        A bientôt
                        1. Contributeur
                          un dernier conseil commence par jouer avec CSS.

                          pour cela tu dois avoir FF 2 à jour plus Web Developper et FireBug.

                          tu installes les deux (il faut autoriser les sites) et tu redémarres FF.

                          tu affiches ma démo et tu fais [Ctrl] + [Maj] + [E].

                          Web Developper va éditer ma feuille de style.
                          si tu modifies les valeurs, elles sont appliquées en direct, c'est encore mieux qu'un éditeur WYSIWYG !
                          tu peux aussi jouer avec CCM mais tu verras, la CSS est plus "touffue" !!!

                          ensuite, ouvre FireBug, il te propose la même chose et même beaucoup plus.
                          pour CSS il te propose même toutes les valeurs possibles pour les règles CSS… un régal !

                          bon courage et surtout, n'hésite pas à poser des questions !
                      2. Contributeur
                        re,

                        sur Internet explorer, il prend toute la largeur de l'écran et se situe à gauche ?
                        c'est à jour, petit problème de DocType, suis repassé à XHTML, il me convient mieux !

                        Il n'y a aucun cadre. Comment fait-on ?
                        en premier il faut faire une bon document HTML avec du contenu textuel et les bonnes balises.
                        les menus se placent dans des <ul> (ce sont en fait des listes de liens), il faut un <h1> pour le document, on n'utilise pas de titre <hn> sans avoir utilisé de titre <hn-1>, etc…

                        une fois que ta page est complète et que tu l'as validée, tu vas commencer à mettre en page.
                        les principales règles sont :
                        • toute la mise en page se fait dans la feuille de style et uniquement là.
                        • toutes les images qui sont utilisées pour la déco seront des images d'arrière-plan (elle n'apparaissent pas dans le document).
                        • chaque élément HTML dessine une "boite", chaque boite peut être personnalisée.
                        • chaque boite peut être positionnée en fonction de son type (en ligne ou en bloc) et de sa position dans le flux.
                        • les caractéristiques CSS d'une boite sont (en générale) transmises aux boites qu'elle contient.

                        des liens pour débuter, tu peux regarder aussi les onglets CSS et Accessibilité.

                        je préfères te laisser regarder à droite et à gauche et te laisser poser des questions quand tu en as besoin.
                        si je commence à écrire je vais en mettre des tonnes et cela ne va pas t'aider d'avantage.
                        1. Salut,
                          C'est super ce que tu as fait ; c'est propre. Tu ne voudrais pas devenir le pro qui me supervise et corrige mes erreurs. Je te promets que j'essaierais de bien faire . En attendant, Je viens d'essayer la page corrigée sur internet, comment fait-on pour le cadrer, car sur mozilla, on le voit centrer avec son cadre, sur Internet explorer, il prend toute la largeur de l'écran et se situe à gauche ?
                          Il n'y a aucun cadre. Comment fait-on ?
                          Merci pour ta patience
                          1. Contributeur
                            ce n'est pas évident de vérifier ces textes soi-même
                            c'est une question d'habitude.
                            on ne relit pas tout tout le temps.
                            il faut utiliser le copier/coller, la recherche et relire le contenu textuel au fur et à mesure que tu le tapes.
                            c'est une habitude de travail. je n'ai pas relu le contenu de ton document il m'aurait fallu au moins 1 heure !

                            regarde, une version valide.

                            elle est incomplète bien sure mais est beaucoup plus lisible déjà.
                            et surtout il y a un contenu textuel pour ton menu, les moteurs de recherche ne lisent pas les images, cela nuit au référencement du site.

                            pour enlever les bordures, dans tes documents HTML fais une recherche (Edition/Rechercher) sur 'border=' et regarde à chaque fois ce qu'il y a. il doit rester des définitions de bordures par ci par là.
                            1. Salut,
                              Remarque que ce n'est pas évident de vérifier ces textes soi-même avec ses petits yeux. Je croyais qu'il existait des logiciels pour t'aider dans cette dure tâche. J'ai mis 4 jours pour vérifier les textes html. Je vais faire comme tu dis pour prendre de bonnes habitudes de travail et vais me servir des valideurs de texte html pour me donner un coup de main.
                              J'essaierais "Amaya", car pour mes bordures "Kompozer" les mets automatiquement tout autour sans me demander mon avis ; il est vrai que chaque logiciel a ses limites.
                              Tu m'as montré une autre façon de travailler. Merci encore.
                              1. Contributeur
                                Kompozer a ses qualités et ses défauts, comme tous. Reste à savoir quelles sont les proportions de chaque !
                                -:oD

                                tu as une liste d'éditeurs dans la FAQ.

                                en WYSIWYG, tu pourrais essayer Amaya.

                                mais pour bien comprendre comment fonctionne le couple HTML/CSS mieux vaut avoir le contrôle total sur le code et pour ça, rien de tel qu'un bon éditeur de texte comme Notepad++.

                                pour ton site, une bonne habitude à prendre est de passer régulièrement ton code à la validation pour vérifier que le code HTML ne contient pas d'erreur.
                                ce n'est pas une solution miracle mais pour attaquer une mise en page, mieux vaux avoir un document HTML propre d'autant plus pour avoir un rendu identique partout.
                                il existe un validateur en français si tu préfères.

                                avec un éditeur (Kompozer en mode texte ou un éditeur de texte) regarde le code source de ta page d'accueil.
                                en premier il faut obtenir un code lisible et bien présenté.
                                pour ça il faut indenter le code, c'est à dire à ajouter une tabulation à chaque début de ligne qui contient une balise (pas la peine de le faire pour toutes les balises mais seulement celles qui en contiennent plusieurs).
                                cela permet de mieux voir les balises pas fermées ou mal fermées et les erreurs. par exemple tu as une balise 'meta' en double dans le <head>, il faut conserver la deuxième.
                                une version indentée :
                                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                                <html lang="fr-fr">
                                	<head>
                                		<title>Accueil</title>
                                
                                		<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
                                		<meta name="keywords" content="developpement personnel,développement personnel,le developpement personnel,le développement personnel,épanouissement personnel,secret succes,ambition reussite,developpement personnelle" lang="fr">
                                		<meta name="Description" content="Développement personnel,épanouissement personnel,redécouverte de soi">
                                		<meta name="identifier-url" content="http://www.succes-bien-etre.com">
                                
                                		<meta name="reply-to" content="guenievre@succes-bien-etre.com">
                                
                                		<link rel="stylesheet" href="feuille-style1.css" type="text/css">
                                	</head>
                                	<body style="background-color: rgb(204, 204, 204); direction: ltr;">
                                		<br>
                                		<div align="center">
                                			<center style="margin-top: 0px; height: 143px;">
                                				<table class="table1" border="1">
                                					<tbody>
                                						<tr>
                                							<td class="td1" background="images/DegradeViolet.jpg">&nbsp;
                                							&nbsp;
                                							&nbsp;<img style="width: 284px; height: 44px;" alt="entete1" src="images/entete5.gif"><br>
                                							&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                							&nbsp; &nbsp;<img style="width: 436px; height: 32px;" alt="entete2" src="images/entete2.gif"><br>
                                							&nbsp; <img style="width: 436px; height: 28px; float: right;" alt="dicton1" src="images/dicton2.gif"><br>
                                							&nbsp; &nbsp;<a href="index.html"><img alt="accueil" src="images/accueil.gif" style="border: 0px solid ; width: 76px; height: 28px;"></a></td>
                                						</tr>
                                					</tbody>
                                				</table>
                                			</center>
                                		</div>
                                		<div align="center">
                                			<center>
                                				<table style="width: 851px;" class="table2" border="1">
                                					<tbody>
                                						<tr>
                                							<td style="vertical-align: top;" class="td2"><br>
                                								<div>
                                									<div ="">
                                										<span style="text-decoration: underline;">
                                											<div>
                                												<a href="Actualites/maitrise-sante.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="maitrise-santé" src="images/sante.gif"></a>
                                												<a href="Actualites/connaitre-produits-naturels.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="produits-naturels" src="images/produitsnaturels.gif"></a>
                                												<a href="Actualites/relaxation.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="relaxation" src="images/relaxation.gif"></a>
                                												<a href="Actualites/estime-de-soi.html"><img class="img2" alt="auto-evaluation" src="images/estime-soi2.gif" style="border: 0px solid ; width: 146px; height: 22px;"></a>
                                												<a href="Actualites/attitudes-positives.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="attitudes-positives" src="images/attitudes-positives1.gif"></a>
                                												<a href="Actualites/reussite-financiere.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="financiere" src="images/financiere.gif"></a>
                                												<a href="Actualites/savoir-reussir.html"><img class="img2" alt="savoir-reussir" src="images/savoir.gif" style="border: 0px solid ; width: 146px; height: 22px;"></a>
                                												<br>
                                											</div>
                                											<hr class="hr1">
                                											<span style="text-decoration: underline;">
                                												<a href="Actualites/stages-bienetre.html"><img class="img2" alt="stages" src="images/stages.gif" style="border: 0px solid ; width: 146px; height: 22px;"></a>
                                												<a href="Actualites/centres-bienetre.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="centre-bien-être" src="images/instituts.gif"></a>
                                												<a href="Actualites/boutique-bienetre.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="boutiques" src="images/boutiques.gif"></a>
                                												<a href="espace-membre/index1.php"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="ebooks-gratuits" src="images/booksgratuits.gif"></a>
                                												<a href="espace-membre/index2.php"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="videos" src="images/videos.gif"></a>
                                												<a href="Actualites/paroles-dexperts.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="articles-experts" src="images/paroles-experts1.gif"></a>
                                												<br>
                                											</span>
                                											<hr class="hr1">
                                											<span style="text-decoration: underline;">
                                												<a href="Actualites/forum-developpement-personnel.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="forums" src="images/forums.gif"></a>
                                												<a href="Actualites/liens-partenaires.html"><img class="img2" style="border: 0px solid ; width: 146px; height: 22px;" alt="liens-partenaires" src="images/liens-partenaires.gif"></a>
                                											</span>
                                											<hr class="hr1">
                                											<br>
                                											<br>
                                										</span>
                                									</div>
                                								</div>
                                							</td>
                                							<td class="td3">
                                								<br>
                                								<table border="0">
                                									<tbody>
                                										<tr>
                                											<td>
                                												<p style="text-align: center;" class="MsoNormal">
                                													<b style=""><span class="span7" style="font-size: 14pt; font-family: Arial;">Le Développement Personnel</span></b>
                                												</p>
                                												<span class="span25">Selon un sondage 1/3 de notre population est sensible au développement personnel, au travail sur soi.</span>
                                												<br>
                                												<span class="span25">C’est une révolution qui, lentement va entraîner une profonde modification de notre société.</span>
                                												<span style="font-size: 10pt; font-family: Arial;"></span>
                                												<p style="text-align: center;" class="MsoNormal">
                                													<a href="photos/soleil2.jpg"><span class="span7"></span></a><a href="photos/soleil2.jpg"><img style="border: 0px solid ; width: 210px; height: 135px;" alt="sommet-montgne" src="images/sommet-montagne.jpg"></a>
                                													<br>
                                												</p>
                                												<div style="text-align: center;">
                                													<p class="p25">"Se trouver au sommet de soi-même" </p>
                                												</div>
                                												<p class="paragraphe34">Mais qu’est-ce que le Développement Personnel&nbsp;?</p>
                                												<span class="span25">C’est un système de valeurs et de comportements nouveaux de redécouverte de soi.
                                													<br>C’est apprendre à se connaître afin de maîtriser ses émotions. Concrètement, cela signifie qu'il faut apprendre à distinguer ce qui dans notre vie est négatif de ce qui est&nbsp;positif.
                                													<br>Consciencieusement et avec persévérance. Le but étant de vivre le plus souvent possible en toute sérénité, avec un bien-être intérieur.
                                												</span>
                                												<p class="paragraphe10">Différentes méthodes de base sont à notre disposition :</p>
                                												<p class="paragraphe1">1) La pensée positive :&nbsp;</p>
                                												<table style="width: 475px; text-align: left; margin-left: auto; margin-right: 0px;">
                                													<tbody>
                                														<tr>
                                															<td style="vertical-align: top;"><span class="span25">Tout ce que nous ressentons profondément étant imprimé dans notre subconscient, chaque pensée positive se transforme en une force puisée en notre for &nbsp;intérieur.</span></td>
                                														</tr>
                                													</tbody>
                                												</table>
                                												<p class="paragraphe1">2)&nbsp;La visualisation créatrice :</p>
                                												<table style="width: 475px; text-align: left; margin-left: auto; margin-right: 0px;">
                                													<tbody>
                                														<tr>
                                															<td style="vertical-align: top;"><span class="span25">Afin de favoriser l'apparition de ce que nous désirons obtenir, il est utile de faire appel au pouvoir de notre imagination voire même aux techniques de création, tels que le dessin, l'écriture ou la peinture. Pour que les fruits de cette démarche soeint durables, il nous faut &nbsp;toujours vérifier que ce que nous imaginons,&nbsp; concevons en pensée, soit en total accord avec ce que nous souhaitons au plus profond de nous.</span></td>
                                														</tr>
                                													</tbody>
                                												</table>
                                												<p class="paragraphe1">3) L'autosuggestion&nbsp; :</p>
                                												<table style="width: 475px; text-align: left; margin-left: auto; margin-right: 0px;">
                                													<tbody>
                                														<tr>
                                															<td style="vertical-align: top;"><span class="span25">L'insconscient ayant tendance à assimiler tout ce que nous lui suggérons, toute pensée a vitre fait d'être transformée en acte. Concrètement, cela signifie que l'autosuggestion, non seulement peut contribuer à vaincre de mauvaises habitudes, mais peut aider à trouver le chemin de la guérison, dans le cas d'une maladie.</span></td>
                                														</tr>
                                													</tbody>
                                												</table>
                                												<p class="paragraphe10">D’autres méthodes&nbsp;existent&nbsp;: la sophrologie, le Reiki, le yoga, etc... De nombreux et excellents ouvrages y font référence.<o:p></o:p></p>
                                												<p class="paragraphe34">Avalanche de choix</p>
                                												<p class="paragraphe10">Les méthodes supposées qui conduisent au développement personnel sont, il faut l'admettre, diverses et variées. Par absence de véritables législations et de contrôles, chacun d'entre nous étant totalement libre d'expérimenter et de croire ce qui&nbsp;semble lui convenir le mieux, le risque de basculer vers le charlatanisme, dans des dérives sectaires et d'être alors tout simplement manipulé, c'est pas négligeable.</p>
                                												<p class="paragraphe10">Ce danger rappelé, il faut se garder de simplifier le débat. Chaque conception, chaque méthode peuvent porter en elles leur part d'efficacité. Parfois même, elles se complètent.</p>
                                												<p class="paragraphe10">L'erreur pour chacun d'entre nous est de ne rien faire.</p>
                                												<p class="paragraphe10">Tout changement portant sa part de crainte (<span style="font-style: italic;">vers quoi allons-nous ?)</span> et nécessitant un minimum d'efforts, il est très tentant de nous trouver de faux prétextes pour ne pas agir !</p>
                                												<p class="paragraphe10">Un conseil ne pas se faire violence, mais intégrer petit à petit ce désir de changement ; agir de façon modérer, mais régulière. C'est en faisant appel quotidiennement à la pensée positive, à la visualisation créatrice et à l'autosuggestion que nous obtiendrons rapidement des effets positifs.</p>
                                												<p class="paragraphe34">Obstacles</p>
                                												<span class="span25">S’ouvrir au bonheur, apprivoiser le bien-être n'est pas aussi simple que cela !
                                												<br>Toutefois, grâce à une attention particulière et à un travail assidu, nous pouvons nous en approcher.
                                												<br>
                                												<span class="span25">Si trop souvent &nbsp;</span>
                                												<span class="span25">notre pratique de développement personnel s'apparente à un combat, c’est tout simplement parce que nous avons oublié une des lois fondamentales&nbsp;de la vie&nbsp; :&nbsp; <b style="font-style: italic;">la motivation joyeuse</b>. Notre transformation doit se faire dans une ambiance joyeuse pour que cela devienne une expérience agréable.</span>
                                												<p class="paragraphe10">Ainsi, devenons attentifs aux milles merveilles de la vie&nbsp;:</p>
                                											</span>
                                										<ul>
                                											<li><span class="span27">un &nbsp;lever de soleil</span></li>
                                											<li><span style="font-family: Arial;">un arbre centenaire</span></li>
                                											<li><span style="font-family: Arial;">le rire d’un enfant</span></li>
                                											<li><span style="font-family: Arial;">la tendresse de l’être imé</span></li>
                                											<li><span style="font-family: Arial;">etc...<br>			</span></li>
                                										</ul>
                                										<p class="paragraphe10">Apprenons à apprécier chacune des petites joies qui nous est offerte par la vie, pour notre bonheur, notre bien-être.</p>
                                										<span class="span25">Que la vie sur terre porte son lot de fardeaux, de difficultés et de souffrances, nul ne peut le nier, il nous faut "<span style="font-style: italic;">faire avec</span>" : conflits, passages à vide, maladies, problèmes de toutes sortes. Certaines périodes sont très difficiles à vivre. Elles aussi font partie intégrante de la vie.
                                										<br>Tout ce que nous devons garder à l'esprit c'est "<span style="font-style: italic;">rester fidèles à notre ligne directive</span>".
                                										<br>Prenons le temps de nous asseoir au plus fort de la bataille ; accordons-nous une trêve intérieure pour recharger les batteries.
                                										<br>Chacun d'entre nous connaît des manques : argent, amour, maison, biens matériels ou autres.
                                										<br>Les gens heureux doivent eux aussi surmonter des revers de toutes sortes. Leur force réside en leur capacité à considérer chaque évènement, chaque problème comme portant en eux la semence et donc la promesse d'une nouvelle réussite.
                                										<br>Apprenons avant tout à accepter ces manques : "<span style="font-style: italic;">Je vis seul, cela ne fait pas de moi un être inférieur</span>".
                                										<br>Fixons-nous des objectifs dans lesquels nous mettrons nos talents à profit ; accordons-nous des rêves grandioses ; définissons des projets.</span>
                                										<p class="paragraphe34">Les livres de développement personnel m’apporteront-ils le bien-être&nbsp;?</p>
                                										<span class="span25">Oui et Non. Les livres ne sont que des outils, leur simple lecture ne suffit pas. Les meilleurs d'entre eux, nous indiquent, au mieux, la façon d'appréhender les évènements afin d'opérer le changement en nous.
                                										<br>Un gouffre sépare l’état d’acheteur de l’état d’utilisateur.
                                										<br>Ces méthodes ont été élaborées par ceux qui ont acquis une certaine expérience, qui ont réussi dans certains domaines ; s'ils sont sur le chemin du bien-être, leur quête les incite à&nbsp;se perfectionner chaque jour.
                                										<br>Personne ne peut nous apporter le bien-être sur un plateau, que ce soit sous la forme d’un livre ou
                                										d’un cours.
                                										<br>Acquérir suffisamment de connaissances pour un meilleur développement personnel ne se résume à une lecture hâtive.
                                										<br>Prenons&nbsp; votre temps. N'hésitons pas à revenir&nbsp; sur notre lecture, en cherchant à comprendre ce qu’il y a derrière chaque phrase.
                                										<br>Ce n’est qu’à ce prix que nous&nbsp; pouvons nous développer psychiquement. L'important n'est pas de croire ou de ne pas croire n’est pas important. L'important des de faire nôtre chaque suggestion, de la ressentir, de l'éprouver et de la vivre.</span>
                                										<p class="paragraphe34">La quête du bien-être conduit à la paix intérieure</p>
                                										<p class="paragraphe10"><span class="span1">A</span>cquérir la paix intérieure,&nbsp; c’est se libérer de l’inquiétude, des conflits, des responsabilités trop lourdes, des tensions, de la peur.</p>
                                										<p class="paragraphe10"><span class="span1">Q</span>uand nous nous donnons de objectifs grandioses et conservons en nous une vision d’espoir, nous nous détournons des problèmes que nous&nbsp;ne pouvons pas résoudre, nous délaissons&nbsp; les regrets.</p>
                                										<span class="span25"><span class="span1">I</span>ncontestablement, la mise en pratique de notre développement personnel est porteuse d'une promesse extraordinaire : vivre, expérimenter le bonheur. Nous devenons&nbsp; l’artisan de notre bien-être. Celui-ci n'est plus une fatalité, mais&nbsp;est un choix, notre choix.</span>
                                										<p class="paragraphe10"><span class="span1">P</span>ar une amélioration de notre personnalité, par une maîtrise de nos émotions et de nos passions, nous modifierons&nbsp; notre regard sur le monde et c’est ce nouveau regard qui nous apportera bonheur et sérénité.</p>
                                										<br>
                                										<p class="p25">"Pour réussir dans la vie, il convient de faire ce qu’il faut" </p>
                                									</td>
                                								</tr>
                                							</tbody>
                                						</table>
                                						<br>
                                						<table style="background-color: rgb(221, 221, 221); width: 530px; height: 20px;" border="0">
                                						</table>
                                					</td>
                                					<td style="vertical-align: top;" class="td2"><br>
                                					<div>
                                						<div style="text-align: center;">
                                							<span style="text-decoration: underline;"><img class="img2" style="width: 146px; height: 27px;" alt="inscription" src="images/inspirantes.gif"></span>
                                							<br>
                                							<span style="text-decoration: underline;"></span>
                                						</div>
                                						<br>
                                						<div style="text-align: center;">
                                							<span class="span37">Ces images pleines de douceurs, parfois &nbsp;mystérieuses&nbsp;
                                								<br>
                                								<br>
                                								<a href="http://www.succes-bien-etre.com/Images_Inspirantes/"><img style="border: 0px solid ; width: 90px; height: 121px;" alt="feerie" src="images/chemin.jpg"></a><br>
                                								<br>
                                							</span>
                                						</div>
                                						<div style="text-align: center;">
                                							<span class="span37">nous ouvrent à des espaces
                                						subtils</span>
                                								<br>
                                								<br>
                                						<hr class="hr1">
                                						<div style="text-align: center;">
                                							<a href="relations/contact.html"><span style="text-decoration: underline;"><img alt="contact" src="images/contact3.gif" style="border: 0px solid ; width: 110px; height: 30px;"></span></a></div>
                                							<hr class="hr1"><br>
                                						</div>
                                					</div>
                                				</td>
                                			</tr>
                                		</tbody>
                                	</table>
                                	<span style=""><o:p></o:p></span>
                                	<span style="background-color: rgb(255, 255, 255);">
                                		</span><a class="span13" href="index.html">Accueil</a>
                                		<span class="span1">-</span>&nbsp;
                                		<a class="span13" href="mailto:guenievre@succes-bien-etre.com?subject=Commentaires" ="">guenievre@succes-bien-etre.com</a>
                                		<span class="span1">-</span>&nbsp;
                                		<a class="span13" href="relations/Informations-legales.html" ="">Informations légales</a><span class="span13">
                                		<br>&nbsp;2007 Succès et Bien-Être<
                                	</span>
                                	<span class="span13">(c) Tous droits réservés</span>
                                	</center>
                                		</div>
                                	</body>
                                </html>

                                le but du jeu est de refléter la structure HTML de ton document.
                                cela te permet aussi de relire ton code et de corriger les erreurs, il y a par exemple un tableau vide ou des éléments fantasques insérés par un éditeur comme '<o:p>'.
                                1. Salut,
                                  Mon éditeur est Compozer, et je t'assure que je galère avec. Je te suis à cent pour cent, car j'aimerais en changer. Mais on se perd dans les flots d'informations sur Internet.
                                  En connais-tu un mieux ? même si c'est payant, je suis preneuse, car j'aime travailler avec des outils de qualité.
                                  Merci d'avoir mis le doigt sur quelque chose d'important.
                                  1. Contributeur
                                    IE7 c'est pas bien grave on travaillait avec IE6, c'était bien pire.
                                    et à priori IE8 "devrait" s'améliorer grandement en terme de rendu (passer le test Acid).
                                    donc je ne désespère pas !

                                    ton plus gros problème doit être ton éditeur.
                                    ce n'est pas moi qui maîtrise les bordures, il m'en met tout autour, je ne le souhaite pas
                                    je suppose que tu utilises FrontPage, c'est sans doute l'un des pires.

                                    le plus embêtant c'est que tu as déjà tout fait donc il va bien falloir te trouver une solution.
                                    on va prendre une seule page et essayer point par point.

                                    il faudra que tu mettes à a jour ta version en ligne au fur et à mesure.

                                    on prend la page d'accueil et on essaie ?
                                    1. Salut,
                                      Ok , tu sais l'avis sur le contenu c'était juste pour ne pas recevoir un coup de massue sur la tête, car ça fait mal des fois. Presenter ma table en css; tu sais je m'accroche des fois pour saisir ; je fais, mais je ne sais pas expliquer. La table dépend déjà d'une feuille de style, que veux dire par là ?
                                      J'ai rajouté border=0; là il y a quelque ajustement encore à faire; mais là ce n'est pas moi qui maîtrise les bordures, il m'en met tout autour, je ne le souhaite pas.
                                      J'ai lu quelque part que la nouvelle version Explorer posait de sérieux problèmes même aux développeurs. Je ne sais pas, je cherche.
                                      1. Contributeur
                                        giheller doit t'avoir donné la solution.

                                        par contre essaie plutôt de virer les 'border="1"' et présente ta table avec CSS :
                                        table{
                                        border:1px solid #000;
                                        }

                                        si besoin, essaie avec 'border="0"' en plus.
                                        <edit>
                                        tu as déjà utilisé CSS donc eesaie simplement de virer l'attribut 'border' ou de lui affecter la valeur '0'.
                                        </edit>

                                        la mise en page sans tableau (plus simple).

                                        <parenthèse>
                                        Ne juge pas le contenu
                                        tant que le contenu est légal (que donc il respecte la charte) et que tu ne fais pas de pub ou de propagande, je m'en tape comme de mon script en VB5 !
                                        -:oD
                                        et soit dit en passant, au moins tu as un contenu c'est pas toujours le cas !
                                        si nous devions débattre du contenu ce serait au café !
                                        bref…
                                        </parenthèse>
                                        • 1
                                        • 2

                                        Discussions similaires

                                        FOTOSE (allemagne)

                                        13 réponses