Site sous explorer internet

Fermé
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 - 19 avril 2008 à 08:23
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 25 avril 2008 à 10:59
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
A voir également:

28 réponses

Utilisateur anonyme
19 avril 2008 à 08:55
Bonjour,

les deux navigateurs n'interprêtent pas les tags de la même manière. alosr si vous avez fait un site adapté pour firefox il est possible que certaines choses ne soient pas comprises par MSIE.
Il faut alors n'utiliser que des choses interprêtées de la même façon par les navigateurs ou alors écrire les pages en double et diriger le visteur sur lla page en fonction de son navigateur.
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 09:16
Bonjour,
Merci d'avoir répondu si rapidement. J'ai pour quelques semaines encore de boulot car le site a déjà une centaine de pages. Je suis d'accord pour les 2 sites.
Sauf que rien ne marche avec Explorer.J'ai tenté de refaire une page toute neuve pour explorer. Je devais déformer complètement ma page pour qu'il soit visible sur explorer. Ma page est composée de 2 tables (entête et corps) ;j'ai du faire une entête 2 fois plus large que le corps pour être visible correctement sur explorer. C'est aberrant, je dois trouver la solution Explorer.
0
Utilisateur anonyme
19 avril 2008 à 09:22
Pour savoir si cela vient du code de la page, ou de MSIE, faites une page (bête) sans grand chose dessus. si cela s'affiche correctement on en déduira que cela vient du code.

ensuite
découpéz la page qui ne fonctionne pas en plusieurs "morceaux" jusqu'à trouver le code qui pose problème.
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 09:37
Salut,
Effectivement une page bête fonctionne, mais vraiment bête, avec juste les 2 tables, dès que j'associe mes 2 tables à des td sous feuille de style, le désordre commence. Ce sont des classes toutes simples. Je les ai presque vidés de leurs contenus, mais cela ne fonctionne pas, il ne reconnait pas les bordures, sauf les bordures du tableau proprement dit, ce qui ne me convient pas.
0
Utilisateur anonyme
19 avril 2008 à 09:45
c'est typiquement les différences d'interprétation. en mettant les bordures sur les td de msie, cela doit fonctionner non ?
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 10:12
Salut,
Excuse-moi je ne comprends pas toujours les abréviations. Tu sais j'apprends au fur et à mesure que j'invente, avec beaucoup d'efforts je deviendrais peut-être une professionnelle un jour ! Que signifie msie ?
Un petit miracle s'est produit (si on peut dire ?). Il y a une heure c'était la cata. Sans rien changer j'ai effacé la page index,j'ai tout fermé et j'ai restauré cette même page et là je vois le site comme il faut , sauf qu'il n'accepte toujours pas les bordures. Msie rappele-moi ce que c'est ?
0
Utilisateur anonyme
19 avril 2008 à 10:25
Msie = MicroSoft Internet explorer
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
19 avril 2008 à 10:27
essaie en mettant
<table border=1>
cela doit passer sous les deux navigateurs

je dosi m'absenter @+
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 10:36
Salut,
C'est toujours "niet" pour les bordures. Je suis déjà heureuse parce qu'il apparait maintenant. Je vais y réfléchir, peut-être à force d'essais je vais trouver la solution. Merci pour ta patience, pour ton écoute; cela m'a permis de moins dramatiser.
A bientôt
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 10:52
salut,

as-tu une version en ligne de ton site ?

par ailleurs tu ne devrais pas utiliser de <table> pour faire de la mise en page.
0
Utilisateur anonyme
19 avril 2008 à 11:23
Peux-tu expliquer pourquoi ? tu préfères la mise en page via css ?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > Utilisateur anonyme
19 avril 2008 à 11:33
salut,

c'est une question de sémantique, une <table> est censée contenir des données tabulaires.

et une question de standards :
Les tables ne devraient pas représenter simplement un moyen de disposer le contenu d'un document car cela peut entraîner des problèmes de restitution sur les médias non-visuels. En outre, quand on les utilise avec des graphiques, ces tables peuvent forcer l'utilisateur à effectuer un défilement horizontal pour voir une table qui aura été conçue sur un système avec une surface d'affichage plus grande. Afin de minimiser ces problèmes, les auteurs devraient employer des feuilles de style pour le contrôle de la disposition plutôt que des tables.

source

il existe bien des cas particuliers qui nécessitent l'emploi de tableaux pour la mise en page de sites très complexes (CCM par exemple) mais il faut en premier se tourner vers CSS et bien différencier contenu et mise en forme.
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 11:03
Bonjour,
Tu as raison c'est vraiment la pagaille, mais c'est la seule façon que je connaisse
voici l'url du site :http://succes-bien-etre.com
Ne juge pas le contenu, j'ai souvent eu des remarques sur d'autres forums à cause du contenu, cela m'avait un peu refroidie.
Merci pour ton intervention
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 11:26
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>
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 11:55
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.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 12:16
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 ?
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 13:01
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.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 14:29
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>'.
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 15:18
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.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 15:28
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à.
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 16:56
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
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 17:29
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.
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
19 avril 2008 à 18:34
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
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
19 avril 2008 à 20:11
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 !
0
guenievr Messages postés 52 Date d'inscription lundi 10 septembre 2007 Statut Membre Dernière intervention 21 janvier 2010 1
21 avril 2008 à 06:53
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.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
21 avril 2008 à 08:27
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)
0