28220 sujets

CSS et mise en forme, CSS3

Je suis néophite,
voiçi mon prob.
J'ai crée un menu en css qui se trouve sur la gauche
de ma page. Mais je voudrais en plus créer une nouvelle
session au centre et en bas de ma page.
Comment faire??

Merci de me répondre,
Eric
Bonsoir, peut-être qu'un peu plus de précisions pourraient éclaircir le problème...
Qu'appelles-tu "session" exactement?
L'idéal serait un lien vers la page, ou encore un extrait de ton code.
Plus ta question sera précise, plus la réponse le sera. Smiley smile
Administrateur
Salut Lancaster et bienvenue ici,

Une fois que tu auras mieux expliqué ton problème, pourrais-tu également modifier ton titre selon les Règles ?
Car comme tu t'en doutes, presque tout le monde ici a des "problèmes en CSS", mais un titre comme celui-là n'indique pas quel est le problème Smiley cligne
En clair c'est très simple:
Ma page d'acceuil:
Menu gauche en CSS- Page centre en Html avec des tableaux
et des textes
Je cherche à pouvoir intégrer des liens en CSS en-dessous de la page du centre.

Y-a-t-il des réponses??
Administrateur
lancaster a écrit :
Y-a-t-il des réponses??

Oui, ernstein te l'a donnée Smiley smile
Merci à présent d'indiquer dans ton titre ces précisions, plutôt que "problème" qui n'est pas significatif ni pour toi ni pour d'éventuelles aides.
Les mises en pages comme sur Alsacreations
ne correspondent pas à ce que j'ai demandé
Mon but n'est pas de placer ma séquence CSS
ni à gauche, ni au centre, ni à droite sur deux ou trois colonnes
mais en bas d'une page déjà écrite avec des tableaux
en html.
si j'ai bien compris sa question il veut faire comme sur ce forum avec
Powered by Phedio v3.7.2 © dew
Contacter l'administrateur - 14.2 ms - Hébergement : Nikozen

Qui est tout le temps en bas.
Mais son "problème" est que le reste de sa page n'est pas en div/css mais avec des tableaux
C'est ça?
j'ai bien résumé?
Administrateur
lancaster a écrit :
placer ma séquence CSS

Je ne comprends pas ce que tu veux dire par là Smiley ohwell

On ne peut pas "placer" du CSS. Les CSS servent à positionner les éléments HTML sur le document. C'est bien ce que tu veux ?

a écrit :
mais en bas d'une page déjà écrite avec des tableaux

Donc comme les pieds de page des gabarits, non ?
En quoi cela est-il différent ?

Je crois qu'on est plusieurs à vouloir t'aider mais tu ne nous rends pas la tâche facile parce que tu ne lis pas les Règles et l'Aide du forum :
- as-tu fait une recherche ?
- l'Aide dit qu'il est utile de proposer des codes ou exemples visuels. Tu ne le fais pas
- les Règles suggèrent d'avoir des titres pertinent pour te faire aider plus facilement. Tu ne l'as toujours pas modifié. As-tu des soucis sur ce point ? Si oui, n'hésite pas à en parler.

Le problème, c'est que ton problème manque tellement d'explications claires que plusieurs vont abandonner et ne pas t'aider comme il faut Smiley ohwell
Je viens d'exprimer le fait que je suis néophite
dans mon premier message
1/Pour répondre à Raphael concernant le changement de titre
je ne sais comment faire
2/Pops83 a bien résumé mon problème
voici mon code css menu gauche+ code html à partir de <body>
Maintenant dessous la page centrale je voudrais afficher une liste de liens en css

#navig {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: 0px; WIDTH: 128px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 522px;BACKGROUND-COLOR: #cccccc; voice-family: "&"
}
#menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; TEXT-ALIGN: left
}
#menu UL {
	CLEAR: left; BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 2px; LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(Images/Design/puce_liste_bleu.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: left
}
#menu UL LI.un A {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #FF6666; PADDING-TOP: 0px; BORDER-BOTTOM: #b1b0d2 1px solid; HEIGHT: 30px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI.un A:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #2d5378; BORDER-BOTTOM: #b1b0d2 1px solid; background: #468 url(couleurs.jpg) 0 0 no-repeat fixed
}
#menu UL LI.unbis A {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #2d5378; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 30px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI.unbis A:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #e8e8e8; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: blue
}
#menu UL LI.titre {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 5px; BORDER-LEFT: 0px; COLOR: #38403d; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-STYLE: italic; LIST-STYLE-TYPE: none; HEIGHT: 20px; TEXT-ALIGN: right
}
#menu UL LI.titrebis {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #b1b0d2 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 5px; BORDER-LEFT: 0px; COLOR: #38403d; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-STYLE: italic; LIST-STYLE-TYPE: none; HEIGHT: 20px; TEXT-ALIGN: right
}
#menu UL LI.unter A {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #b1b0d2 1px solid; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #2d5378; PADDING-TOP: 0px; BORDER-BOTTOM: #b1b0d2 1px solid; HEIGHT: 30px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI.unter A:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: #b1b0d2 1px solid; BORDER-LEFT: 0px; COLOR: #ffffff; BORDER-BOTTOM: #b1b0d2 1px solid; BACKGROUND-COLOR: transparent
}
#menu UL LI.deux A {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #2d5378; PADDING-TOP: 0px; BORDER-BOTTOM: #b1b0d2 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI.deux A:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #ff6666; BORDER-BOTTOM: #b1b0d2 1px solid; BACKGROUND-COLOR: blue
}
#menu UL LI.deuxbis A {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #b1b0d2 1px solid; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #2d5378; PADDING-TOP: 0px; BORDER-BOTTOM: #b1b0d2 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI.deuxbis A:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: #b1b0d2 1px solid; BORDER-LEFT: 0px; COLOR: #ffffff; BORDER-BOTTOM: #b1b0d2 1px solid; BACKGROUND-COLOR: transparent
}
#menu UL LI.deuxter A {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; COLOR: #2d5378; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 16px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menu UL LI.deuxter A:hover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: #ffffff; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent
}


<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<DIV id=navig><!-- Partie gauche -->
<DIV id=menu><!-- Menu gauche -->
<UL>
<LI class=deux> 
  <A 
  href="http://www.annuairestages.com/index.htm">Accueil</A><LI class=un><A href="http://www.annuairestages.com/index.htm#CLARIFIER">Stages, 
  formations,<BR>ateliers, conférences</A> 
  <LI class=deux><A href="http://www.lignehorizon.org/xlagenda323/index.php">Calendrier 
            des stages</A><LI class=deux><A href="http://www.annuairestages.com/index.htm#L’HYPNOLOGIE">Comprendre 
            l'hypnologie</A><LI class=deux><A href="http://www.terre-inipi.com/blocknote.html">Qui 
            est Erich Lancaster?<BR></A><LI class=deux><A 
  href="http://www.terre-inipi.com/livres.html">Donner son avis</A><LI class=deux><A href="http://www.terre-inipi.com/pros.html">Annuaire 
            international professionnels</A><LI class=un><A href="http://www.terre-inipi.com/lieux.html">Pouvoir 
            faire une annonce gratuite<BR></A> <LI class=un><A href="http://www.terre-inipi.com/lieux.html">Coaching 
            familial ou personnel<BR></A>
  <LI class=deux><A 
  href="http://www.terre-inipi.com/livres.html">Aides forums</A></UL></DIV>
<DIV id=menu2><!-- Sous Menu gauche -->
</DIV>
<DIV id=menu><UL>
  <LI class=titre>N'hésitez pas à vous inscrire aux<BR>différentes activités</UL><UL>
<LI class=deuxter><A href="http://www.terre-inipi.com/sites.html">Inscription 
            stages</A></LI></UL><UL>
<LI class=deuxter><A href="http://www.terre-inipi.com/sites.html">Inscription 
            forums</A></LI></UL><UL>
<LI class=deuxter><A href="http://www.terre-inipi.com/sites.html">Inscription 
            annuaire</A></LI></UL><!-- Menu gauche -->
</DIV></DIV>
<table cellpadding="0" cellspacing="0" width="758">
    <tr>
        <td width="149" height="375" background="droma_0.gif">
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><font face="Eras Demi ITC" size="2" color="#CC3300"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"></font> 
            <font face="Eras Demi ITC" size="2" color="#CC3300">Présentation</font></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <a href="index.htm#existentiel"><font face="Eras Demi ITC" size="2" color="#CC3300">Stages</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <font face="Eras Demi ITC" size="2" color="#CC3300">Documentation</font></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <a href="index.htm#L’HYPNOLOGIE"><font face="Eras Demi ITC" size="2" color="#CC3300">Hypnologie</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <a href="http://www.annuairestages.com/phpBB2"><font face="Eras Demi ITC" size="2" color="#CC3300">Forum votre 
            avis</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <font face="Eras Demi ITC" size="2" color="#CC3300">Liens</font></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <a href="annuaire.htm"><font face="Eras Demi ITC" size="2" color="#CC3300">Guide spécialistes</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <a href="mailto:journaliste31@yahoo.fr?subject=Demande d'information/annuairestages.com"><font face="Eras Demi ITC" size="2" color="#CC3300">Contact</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
        </td>
        <td width="612" height="375" background="droma_1.jpg" valign="top" style="padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:10px;">
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;"><b><font size="2">Home 
            / </font><font size="2" color="white">Présentation / Médecine douce 
            / Stages / Hypnologie / Sophrologie</font></b></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><font face="Elephant" size="5" color="#999999">Stages 
            de développement personnel</font></p>
        </td>
    </tr>
    <tr>
        <td width="148" background="droma_2.jpg" valign="top">
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p>&nbsp;</p>
        </td>
        <td width="612" style="padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:3px;">
            <p>&nbsp;<img src="circle03_blue.gif" width="6" height="10" border="0" alt="circle03_blue.gif"><font face="Verdana" size="1">L'homme 
            se recherche, entre crise d'identité, la perte de ses reperts familliaux, 
            la pression économique et sociale. Le besoin de se recentrer sur 
            lui-même devient vital afin d'assumer l'<a name="existentiel">existentiel</a>.</font></p>
            <p><font face="Verdana" size="1"><img src="aujourdhui.gif" width="297" height="30" border="0"></font></p>
        </td>
    </tr>
    <tr>
        <td width="146" valign="top">
            <p style="line-height:100%; margin-top:0; margin-bottom:0;"><b>&nbsp;</b></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;"><b><img src="universe_home.gif" align="absmiddle" width="36" height="29" border="0" alt="universe_home.gif"></b><i><font face="Comic Sans MS">Plan 
            du site</font></i></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><i><font face="Comic Sans MS">Vous 
            cherhez:</font></i></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><i><font face="Comic Sans MS">&nbsp;</font></i></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left">            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;<img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"> 
            <a href="mailto:journaliste31@yahoo.fr?subject=Demande d'information/annuairestages.com"><font face="Eras Demi ITC" size="2" color="#CC3300">Contact</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><a href="http://www.hebdotop.com/clic.php" target="_blank"><img src="http://www.hebdotop.com/cgi-bin/vote.eur?id=89384" width="80" height="30" border="0" alt="Classement de sites - Inscrivez le vôtre!"></a></p>
        </td>
        <td width="612" valign="top" style="padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:3px;">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td width="297" valign="top" style="padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:3px;">
                        <p><img src="chemin-foret-1.jpeg" width="272" height="204" border="0"></p>
                    </td>
                    <td width="297" valign="top" style="border-right-width:1px; border-bottom-width:1px; border-right-color:rgb(204,204,204); border-bottom-color:rgb(204,204,204); border-right-style:solid; border-bottom-style:solid;">
                        <p><font face="Elephant" size="4">1/ Stage :</font><font face="Verdana" size="1"> 
                        » <a name="CLARIFIER">CLARIFIER</a> LE PASSE » avec l’Hypnologie </font></p>
                        <p><font face="Verdana" size="1">Par l’utilisation d’une 
                        méthode douce et naturelle comme l’Hypnologie, un travail 
                        d’investigation de la mémoire est mis en place auprès 
                        de chaque participant, afin de libérer certains nœuds 
                        émotionnels, de réactualiser certains pans de mémoire 
                        oubliés, approcher la vie au tout premier développement 
                        de la cellule pour retrouver un mieux être dans le présent 
                        et encore plus de sens à la vie.</font></p>
                        <p>&nbsp;<font face="Amaze"><b>Regarder</b></font>:<a href="clarifier.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
                    </td>
                </tr>
            </table>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;"><img src="vivezlong" width="298" height="30" border="0"></p>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td width="297" valign="top" style="padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:3px; border-top-width:0; border-right-width:0; border-bottom-width:1px; border-left-width:1px; border-bottom-color:rgb(204,204,204); border-left-color:rgb(204,204,204); border-bottom-style:solid; border-left-style:solid;">
                        <p><font face="Elephant" size="4">2/ Stage :</font><font face="Elephant"> 
                        </font><font face="Verdana" size="1">« ANTI-TABAC » 
                        avec l’Hypnologie </font></p>
                        <p><font face="Verdana" size="1">Arrêter de fumer ne 
                        se résume pas à un simple sevrage de la nicotine, mais 
                        à une recherche plus profonde où le participant apprend 
                        à changer ses habitudes en matière de goût, d’odeurs, 
                        de comportements, une fois mis à nu certaines frustrations, 
                        peurs, inhibitions, stress liés au quotidien …En s’accompagnant 
                        de différentes méthodes et en libérant le questionnement, 
                        le stage propose un travail approfondi permettant d’éviter 
                        la reprise de la consommation de tabac. </font></p>
                        <p><font face="Amaze"><b>Regadrer</b></font>:<a href="antitabac.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
                    </td>
                    <td width="297" valign="top" style="border-bottom-width:0;">
                        <p><font face="Verdana" size="1"><img src="Cascade_Niagara_021.jpeg" width="272" height="204" border="0"></font></p>
                    </td>
                </tr>
            </table>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">&nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;"><img src="hierdemain" width="298" height="30" border="0"></p>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td width="297" valign="top">
                        <p><img src="plant_01.jpg" width="272" height="204" border="0" alt="plant_01.jpg"></p>
                    </td>
                    <td width="297" valign="top" style="border-right-width:1px; border-bottom-width:1px; border-right-color:rgb(204,204,204); border-bottom-color:rgb(204,204,204); border-right-style:solid; border-bottom-style:solid;">
                        <p><font face="Elephant" size="4">3/ Stage :</font> 
                        <font face="Verdana" size="1">« &nbsp;A LA RECHERCHE 
                        DES VIES ANTERIEURES « </font></p>
                        <p><font face="Verdana" size="1">Croire ou ne pas croire 
                        aux vies antérieures n’est ici pas la question. </font></p>
                        <p style="line-height:100%; margin-top:0; margin-bottom:0;"><font face="Verdana" size="1">Un 
                        médium vous a peut être confié dans l’intimité </font></p>
                        <p style="line-height:100%; margin-top:0; margin-bottom:0;"><font face="Verdana" size="1">d’un 
                        entretien &nbsp;que vous étiez tel personnage dans une 
                        vie antérieure, et que vous aviez vécu telle situation 
                        pouvant expliquer certains événements actuels. Mais 
                        comment en savoir davantage sans être victime de son 
                        imagination ? Par delà le rêve, </font></p>
                        <p style="line-height:100%; margin-top:0; margin-bottom:0;"><font face="Verdana" size="1">la 
                        régression dans les vies passées permet au participant 
                        d’éclairer d’un regard nouveau le vécu actuel et d’approcher 
                        sa propre vérité. </font></p>
                        <p><font face="Amaze"><b>Regadrer</b></font>:<a href="anterieure.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
                    </td>
                </tr>
            </table>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><font face="Elephant" size="4" color="#999999">&nbsp;</font></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><font color="#CC3300"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"></font><a href="annuaire.htm"><font face="Verdana" size="1" color="#CC3300">Guide 
            international des spécialistes</font></a><font face="Verdana" size="1" color="#CC3300"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"></font><a href="http://www.annuairestages.com/phpBB2"><font face="Verdana" size="1" color="#CC3300">Vos 
            messages sur le forum &quot;Bien-être&quot;</font></a></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;" align="left"><font face="Verdana" size="1" color="#CC3300"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif">Demander 
            une documentation<img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"></font><a href="http://www.lignehorizon.org/xlagenda323/index.php"><font face="Verdana" size="1" color="#CC3300">Calendrier 
            des manifestations</font></a><font color="#CC3300"><img src="book_red.gif" align="absmiddle" width="20" height="19" border="0" alt="book_red.gif"></font><font face="Verdana" size="1" color="#CC3300">Associations 
            et lieux de stages</font></p>
            <p><img src="focus_next.gif" align="absmiddle" width="33" height="29" border="0" alt="focus_next.gif"><a name="L’HYPNOLOGIE"><font face="Elephant" size="4" color="#999999">L’HYPNOLOGIE</font></a><font face="Elephant" size="4" color="#999999"> 
            /</font></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">Méthode 
            douce et naturelle crée en 1980 par ERICH LANCASTER, pour valoriser 
            l’ utilisation du magnétisme dans l’Hypnose comme l’a utilisé Anton 
            Mesmer en &nbsp;son temps. </p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">En ce 
            sens , l’Hypnologie se &nbsp;distingue fondamentalement &nbsp;de 
            l’Hypnose frustre , &nbsp;moderne , </p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">de &nbsp;l’Hypnose 
            ericksonnienne et de toutes les techniques de relaxation &nbsp;hyper 
            suggestives. &nbsp;</p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">En privilégiant 
            le magnétisme, l’Hypnologie permet d’axer le travail sur les sensations 
            plus physiques que mentales et d’éviter par ailleurs &nbsp;les dérives 
            de la manipulation de pensée.</p>
                        <p><font face="Amaze"><b>Regarder</b></font>:<a href="hypnologie.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
            <p><img src="focus_next.gif" align="absmiddle" width="33" height="29" border="0" alt="focus_next.gif"><a name="ERICH LANCASTER"><font face="Elephant" size="4" color="#999999">ERICH 
            LANCASTER </font></a><font face="Elephant" size="4" color="#999999">/</font></p>
            <p><b>PARCOURS PROFESSIONNEL /</b></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">Occupe le terrain de l’Hypnologie depuis plus de 25 ans, s’est 
            fait notamment &nbsp;connaître auprès du grand public &nbsp;dans 
            les différents médias lors d’événements exceptionnels et &nbsp;de 
            ses nombreux stages, conférences et démonstrations.</p>
                        <p><font face="Amaze"><b>Regarder</b></font>:<a href="lancaster.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
            <p><b>LIVRE DE REFERENCE /</b></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">HYPNOSE 
            &nbsp;et GRAPHOLOGIE &nbsp;de Martine Le Coz &nbsp;( Prix Renaudot 
            en 2002 ) &nbsp;Editions du Rocher Analyse graphologique &nbsp;par 
            Martine LeCoz des écrits réalisés dans les séances d’ Hypnologie 
            d’Erich Lancaster.</p>
                        <p><font face="Amaze"><b>Regarder</b></font>:<a href="ouvrages.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
            <p><b>PRESSE / TELEVISIONS</b></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">Récapitulatif des différents passages télévisés sur les chaînes 
            nationales de TF1, France2,France3 , M6 et LA5, à l’occasion de 
            diverses manifestations « grand public ».</p>
                        <p><font face="Amaze"><b>Regarder</b></font>:<a href="telepresse.php3"><img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></a></p>
            <p><b>TEMOIGNAGES /</b></p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">Poussé par l’intérêt, la curiosité, l’envie de découvrir et de 
            mieux se connaître, le public est toujours présent lors des manifestations 
            d’Erich Lancaster et témoigne ici des sensations multiples et variées 
            </p>
            <p style="line-height:100%; margin-top:0; margin-bottom:0;">qu’offre l’expérimentation sous Hypnologie.</p>
                        <p>&nbsp;<font face="Amaze"><b>Regarder</b></font>:<img src="embroidery_next.gif" width="41" height="42" border="0" alt="embroidery_next.gif" align="absmiddle"></p>
        </td>
    </tr>
</table>
<p align="right" style="line-height:100%; margin-top:0; margin-bottom:0;"><img src="sousbare.jpg" width="779" height="64" border="0"></p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center">&nbsp;</p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><script language=javascript type="text/javascript" src="http://ss.webring.com/navbar?f=j;y=hypnologie;u=defurl"> </script><noscript><center> <table bgcolor=gray cellspacing=0 border=2><tr> <td><table cellpadding=2 cellspacing=0 border=0><tr><td align=center> <font face=arial size=-1>This site is a member of WebRing. <br>To browse visit  <a href="http://ss.webring.com/navbar?f=l;y=hypnologie;u=defurl">Here</a>.</font></td></tr></table></td></tr></table> </center></noscript></p>
<p align="center"><!-- Début du marqueur Annuaire-Liens  http://www.annuaire-liens.com  -->
<table width="150" border="1" cellspacing="2" bordercolor="#CCCCCC" bgcolor="#006699">
<tr> 
<td align="center" valign="middle" bgcolor="#007EBB">
            <p align="center"><a href="http://www.annuaire-liens.com" target="_blank" title="Echanges de liens *inscription gratuite*" class="alhaut">• <b>ANNUAIRE DE LIENS</b> •<br>
•  <i><b>VOTRE VISIBILITE</b></i>  •</a>
</td>
</tr>
</table>
<p align="center"><!-- Fin du marqueur Annuaire-Liens -->
<table align="center" border="1" cellspacing="0" width="118" bgcolor="black" bordercolordark="white" bordercolorlight="black"><tr><td width="112">
<p style="line-height:50%; margin-top:0; margin-bottom:0;" align="center"> </p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><a href="http://www.referencement-team.com/publicite/publicite_referencement.html"><img src="http://www.referencement-team.com/images/logo88x33.gif" width="88" height="33" border="0" alt="Annuaire et Référencement Gratuit !"></a></p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><a href="http://www.referencement-team.com" title="Référencement Gratuit et Optimisation de vos sites !"><b><font color="#FFFFCC" face="Arial" size="1">Référencement Gratuit </font></b></a></p></td></tr></table>
</body>
Salut lancaster....

peut tu me dire quel DocType du utilise, ou donne nous aussi le code te toutes les lignes de code avant le body...

merci
Uen chose est certaine, il va falloir néttoyer la page de fond en comble pour en prendre e controle Smiley cligne

liste de conseils :
1) intégre toutes les notions de style directement dans ton CSS, plus de balise font, de lineheight ect dans le code de la page
2) je ne sais pas encore ce que tu as comme DTD, mais prends l'habiture d'écrire le nom des balises en minuscule

une ligne comme clle la :


<p style="line-height:100%; margin-top:0; margin-bottom:0;" align="center"><i><font face="Comic Sans MS">Vous
cherhez:</font></i></p>


doit devenir

<p class="uneclasse">Vous cherhez:</p>



tu verra c'est mille fois plus simple ensuite pour trouver les problèmes ?

comment à tu généré ce code ?
lancaster a écrit :
Je viens d'exprimer le fait que je suis néophite
dans mon premier message
1/Pour répondre à Raphael concernant le changement de titre
je ne sais comment faire


Bonjour,

Pour éditer ton titre, il y a dans la Faq ce lien qui indique comment procédé: Comment éditer un sujet sur le forum