Probleme pour centrer site
Résolu
kanouf
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
kanouf Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
kanouf Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche depuis 2 heures une solution a mon problème et là je commence à m'arracher un peu les cheveux.
Je voudrais tout simplement centrer mon site, j'ai essayé 150 solutions mais rien alors j'espere que vous qui vous y connaissez bien plus que moi pourrez m'aider.
html:
<HTML>
<HEAD>
<TITLE>Sète île singulière</TITLE>
<link rel="stylesheet" media="screen" type="text/css" title="Sete" href="ilesinguliere.css">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY>
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>
<div id="Layer6"></div>
<div id="Layer7"></div>
<div id="Layer8">
<p>
<a href="page1.html">page1</a><br>
<a href="page2.html">page2</a><br>
<a href="page3.html">page3</a><br>
<a href="page4.html">page4</a><br>
<a href="page5.html">page5</a><br>
<a href="page6.html">page6</a><br>
<a href="page7.html">page7</a><br>
<a href="page8.html">page8</a><br>
<a href="page9.html">page9</a><br>
<a href="page10.html">page10</a><br>
<a href="page11.html">page11</a><br>
<a href="page12.html">page12</a><br>
</p>
</div>
<div id="Layer9"></div>
<div id="Layer10"></div>
<div id="Layer11"></div>
<div id="Layer12"></div>
<div id="Layer13"></div>
<div id="Layer14"></div>
<div id="Layer15"></div>
</BODY>
</HTML>
css:
body {
background-color:white;
background-position:center;
position:relative;
text-align:center;
margin:auto;
}
#layer1 {
background-image:url(images/index_01.gif);
position: absolute;
left: 0px;
top: 0px;
width: 750px;
height: 129px;
z-index: 1;
margin:auto;
}
#layer2 {
background-image:url(images/index_02.jpg);
position: absolute;
left: 0px;
top: 129px;
width: 750px;
height: 36px;
z-index: 2;
}
#layer3 {
background-image:url(images/index_03.gif);
position:absolute;
left: 0px;
top: 165px;
width: 94px;
height: 41px;
z-index: 3;
}
#layer4 {
background-image:url(images/index_04.jpg);
position: absolute;
left: 94px;
top: 165px;
width: 7px;
height: 41px;
z-index: 4;
}
#layer5 {
background-image:url(images/index_05.gif);
position: absolute;
left: 101px;
top: 165px;
width: 547px;
height: 41px;
z-index: 5;
}
#layer6 {
background-image:url(images/index_06.jpg);
position: absolute;
left: 648px;
top: 165px;
width: 8px;
height: 41px;
z-index: 6;
}
#layer7 {
background-image:url(images/index_07.gif);
position: absolute;
left: 656px;
top: 165px;
width: 94px;
height: 41px;
z-index: 7;
}
#layer8 {
background-image:url(images/index_08.jpg);
position: absolute;
left: 0px;
top: 206px;
width: 94px;
height: 365px;
z-index: 8;
vertical-align: middle;
text-align:center;
}
#layer9 {
background-image:url(images/index_09.gif);
position: absolute;
left: 94px;
top: 206px;
width: 7px;
height: 4px;
z-index: 9;
}
#layer10 {
background-image:url(images/index_10.jpg);
position: absolute;
left: 101px;
top: 206px;
width: 547px;
height: 365px;
z-index: 10;
vertical-align: middle;
}
#layer11 {
background-image:url(images/index_11.jpg);
position: absolute;
left: 648px;
top: 206px;
width: 8px;
height: 365px;
z-index: 11;
vertical-align: middle;
}
#layer12 {
background-image:url(images/index_12.gif);
position: absolute;
left: 656px;
top: 206px;
width: 94px;
height: 365px;
z-index: 12;
vertical-align: middle;
}
#layer13 {
background-image:url(images/index_13.jpg);
position: absolute;
left: 94px;
top: 210px;
width: 7px;
height: 361px;
z-index: 13;
}
#layer14 {
background-image:url(images/index_14.jpg);
position: absolute;
left: 0px;
top: 571px;
width: 750px;
height: 29px;
z-index: 14;
}
a {
text-decoration:none;
text-align:center;
color:#38D607;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
}
a:hover {
color:#A5AFB8;
text-align:center;
text-decoration:none;
}
J'imagine que c'est un probleme de position relative et absolute de mes div mais j'ai peur qu'en changeant, mes divs se retrouvent les unes sous les autres.
Merci par avance.
Je cherche depuis 2 heures une solution a mon problème et là je commence à m'arracher un peu les cheveux.
Je voudrais tout simplement centrer mon site, j'ai essayé 150 solutions mais rien alors j'espere que vous qui vous y connaissez bien plus que moi pourrez m'aider.
html:
<HTML>
<HEAD>
<TITLE>Sète île singulière</TITLE>
<link rel="stylesheet" media="screen" type="text/css" title="Sete" href="ilesinguliere.css">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY>
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>
<div id="Layer6"></div>
<div id="Layer7"></div>
<div id="Layer8">
<p>
<a href="page1.html">page1</a><br>
<a href="page2.html">page2</a><br>
<a href="page3.html">page3</a><br>
<a href="page4.html">page4</a><br>
<a href="page5.html">page5</a><br>
<a href="page6.html">page6</a><br>
<a href="page7.html">page7</a><br>
<a href="page8.html">page8</a><br>
<a href="page9.html">page9</a><br>
<a href="page10.html">page10</a><br>
<a href="page11.html">page11</a><br>
<a href="page12.html">page12</a><br>
</p>
</div>
<div id="Layer9"></div>
<div id="Layer10"></div>
<div id="Layer11"></div>
<div id="Layer12"></div>
<div id="Layer13"></div>
<div id="Layer14"></div>
<div id="Layer15"></div>
</BODY>
</HTML>
css:
body {
background-color:white;
background-position:center;
position:relative;
text-align:center;
margin:auto;
}
#layer1 {
background-image:url(images/index_01.gif);
position: absolute;
left: 0px;
top: 0px;
width: 750px;
height: 129px;
z-index: 1;
margin:auto;
}
#layer2 {
background-image:url(images/index_02.jpg);
position: absolute;
left: 0px;
top: 129px;
width: 750px;
height: 36px;
z-index: 2;
}
#layer3 {
background-image:url(images/index_03.gif);
position:absolute;
left: 0px;
top: 165px;
width: 94px;
height: 41px;
z-index: 3;
}
#layer4 {
background-image:url(images/index_04.jpg);
position: absolute;
left: 94px;
top: 165px;
width: 7px;
height: 41px;
z-index: 4;
}
#layer5 {
background-image:url(images/index_05.gif);
position: absolute;
left: 101px;
top: 165px;
width: 547px;
height: 41px;
z-index: 5;
}
#layer6 {
background-image:url(images/index_06.jpg);
position: absolute;
left: 648px;
top: 165px;
width: 8px;
height: 41px;
z-index: 6;
}
#layer7 {
background-image:url(images/index_07.gif);
position: absolute;
left: 656px;
top: 165px;
width: 94px;
height: 41px;
z-index: 7;
}
#layer8 {
background-image:url(images/index_08.jpg);
position: absolute;
left: 0px;
top: 206px;
width: 94px;
height: 365px;
z-index: 8;
vertical-align: middle;
text-align:center;
}
#layer9 {
background-image:url(images/index_09.gif);
position: absolute;
left: 94px;
top: 206px;
width: 7px;
height: 4px;
z-index: 9;
}
#layer10 {
background-image:url(images/index_10.jpg);
position: absolute;
left: 101px;
top: 206px;
width: 547px;
height: 365px;
z-index: 10;
vertical-align: middle;
}
#layer11 {
background-image:url(images/index_11.jpg);
position: absolute;
left: 648px;
top: 206px;
width: 8px;
height: 365px;
z-index: 11;
vertical-align: middle;
}
#layer12 {
background-image:url(images/index_12.gif);
position: absolute;
left: 656px;
top: 206px;
width: 94px;
height: 365px;
z-index: 12;
vertical-align: middle;
}
#layer13 {
background-image:url(images/index_13.jpg);
position: absolute;
left: 94px;
top: 210px;
width: 7px;
height: 361px;
z-index: 13;
}
#layer14 {
background-image:url(images/index_14.jpg);
position: absolute;
left: 0px;
top: 571px;
width: 750px;
height: 29px;
z-index: 14;
}
a {
text-decoration:none;
text-align:center;
color:#38D607;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
}
a:hover {
color:#A5AFB8;
text-align:center;
text-decoration:none;
}
J'imagine que c'est un probleme de position relative et absolute de mes div mais j'ai peur qu'en changeant, mes divs se retrouvent les unes sous les autres.
Merci par avance.
A voir également:
- Probleme pour centrer site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site pour partager des photos - Guide
20 réponses
salut,
quel est le logiciel qui t'a pondu une soupe pareille ?
il faut faire une bonne page HTML (qui d'ailleurs sera beaucoup simple) et après la mettre en page avec CSS.
si tu as une heure devant toi on se le fait en direct !
sinon en appliquant une largeur fixe à '<body>' ça doit passer.
quel est le logiciel qui t'a pondu une soupe pareille ?
il faut faire une bonne page HTML (qui d'ailleurs sera beaucoup simple) et après la mettre en page avec CSS.
si tu as une heure devant toi on se le fait en direct !
sinon en appliquant une largeur fixe à '<body>' ça doit passer.
body
{
width:800px;
}
Ben en fait j'ai decoupé le layout avec photoshop puis ça m'a mis le code en html sur dreamweaver que j'ai mis dans un css.
Le probleme c'est que j'ai essayé de la faire direct mais j'arrivais pas a mettre mes divs où je voulais du coup j'ai essayé comme ça, ça fait 3 jours que je me casse la tête.
J'ai une heure devant moi sans probleme si tu es ok pour m'aider.
Le probleme c'est que j'ai essayé de la faire direct mais j'arrivais pas a mettre mes divs où je voulais du coup j'ai essayé comme ça, ça fait 3 jours que je me casse la tête.
J'ai une heure devant moi sans probleme si tu es ok pour m'aider.
pour commencer il te faut une page HTML valide.
attention les yeux quand tu vas regarder à quoi ça ressemble, tu vas avoir peur !!!
maintenant il faut le mettre en forme !!!
as-tu un serveur pour pouvoir le mettre en ligne ?
attention les yeux quand tu vas regarder à quoi ça ressemble, tu vas avoir peur !!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Sète île singulière</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <meta http-equiv="content-language" content="fr" /> <link rel="stylesheet" media="screen" type="text/css" title="Sete" href="ilesinguliere.css"> </head> <body> <div id="menu"> <ul> <li><a href="page1.html">page1</a></li> <li><a href="page2.html">page2</a></li> <li><a href="page3.html">page3</a></li> <li><a href="page4.html">page4</a></li> <li><a href="page5.html">page5</a></li> <li><a href="page6.html">page6</a></li> <li><a href="page7.html">page7</a></li> <li><a href="page8.html">page8</a></li> <li><a href="page9.html">page9</a></li> <li><a href="page10.html">page10</a></li> <li><a href="page11.html">page11</a></li> <li><a href="page12.html">page12</a></li> </ul> </div> </body> </html>
maintenant il faut le mettre en forme !!!
as-tu un serveur pour pouvoir le mettre en ligne ?
Pour le moment ça va je suis.
Oui la mise en forme est justement ce qui me pose probleme.
Je suis chez free donc oui je peux mettre en ligne, mais je vais devoir le retransferer par ftp à chaque modif?
http://melnina34.free.fr/sete.html
Oui la mise en forme est justement ce qui me pose probleme.
Je suis chez free donc oui je peux mettre en ligne, mais je vais devoir le retransferer par ftp à chaque modif?
http://melnina34.free.fr/sete.html
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
yep, comme ça je verrai où tu en es !
peux tu poser l'image de ta maquette sur le serveur et me donner l'url que je vois ce que tu veux obtenir ?
peux tu poser l'image de ta maquette sur le serveur et me donner l'url que je vois ce que tu veux obtenir ?
ok
c'est simple, tant mieux pour nous !
tu vas isoler si ce n'est fait la bannière et les entêtes de 'menu' et 'liens', pour l'entête du contenu tu dois pouvoir ne garder qu'une tranche qui sera répétée horizontalement.
c'est simple, tant mieux pour nous !
tu vas isoler si ce n'est fait la bannière et les entêtes de 'menu' et 'liens', pour l'entête du contenu tu dois pouvoir ne garder qu'une tranche qui sera répétée horizontalement.
alors:
banniere:http://melnina34.free.fr/index_01.gif
entete menu:http://melnina34.free.fr/index_03.gif
entete liens:http://melnina34.free.fr/index_07.gif
entete contenu: http://melnina34.free.fr/index_05.gif
je le mets en entier a cause des bordures grises
banniere:http://melnina34.free.fr/index_01.gif
entete menu:http://melnina34.free.fr/index_03.gif
entete liens:http://melnina34.free.fr/index_07.gif
entete contenu: http://melnina34.free.fr/index_05.gif
je le mets en entier a cause des bordures grises
c'est la taille complète ?
750px c'est tout petit, les menus et les liens va falloir les loger dans pas grand chose.
on va travailler avec ça et tu agrandira après !
les images, mets les dans un dossier 'resources".
tu verras, j'ai mis des noms à ma façon, c'est pour aller plus vite.
quand il n'y a pas de transparence, tu devrais travailler en 'png', le format est meilleur.
en premier on fait les réglages de base et on dimensionne la page :
au passage on ajoute le titre au document :
et on le présente :
750px c'est tout petit, les menus et les liens va falloir les loger dans pas grand chose.
on va travailler avec ça et tu agrandira après !
les images, mets les dans un dossier 'resources".
tu verras, j'ai mis des noms à ma façon, c'est pour aller plus vite.
quand il n'y a pas de transparence, tu devrais travailler en 'png', le format est meilleur.
en premier on fait les réglages de base et on dimensionne la page :
html
{
margin:0;
padding:0;
font-size:100%;
}
body
{
width:750px;
margin:0 auto;
font-size:.8em;
}
au passage on ajoute le titre au document :
<div id="header"> <h1>Sète île singulière</h1> </div>
et on le présente :
div#header h1
{
margin:0;
padding:0;
height:129px;
text-indent:-1000em;
overflow:hidden;
background-image:url(resources/bckgnd_header.gif);
background-position:center;
background-repeat:no-repeat:
}
excellent !
on va modifier le html pour ajouter les liens et le contenu (en dessous du menu) :
pas la peine de mettre en ligne je reviens avec les css !
on va modifier le html pour ajouter les liens et le contenu (en dessous du menu) :
<div id="links"> <h2>Navigation</h2> <ul> <li><a href="#">lien1</a></li> <li><a href="#">lien2</a></li> <li><a href="#">lien3</a></li> <li><a href="#">lien4</a></li> <li><a href="#">lien5</a></li> <li><a href="#">lien6</a></li> <li><a href="#">lien7</a></li> <li><a href="#">lien8</a></li> <li><a href="#">lien9</a></li> <li><a href="#">lien10</a></li> <li><a href="#">lien11</a></li> <li><a href="p#">lien12</a></li> </ul> </div> <div id="content"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla luctus molestie dui. Vestibulum a turpis at mauris tempus iaculis. Quisque sed nunc nec neque iaculis sollicitudin. In orci tortor, malesuada aliquam, sollicitudin in, fermentum non, elit. Integer arcu velit, euismod at, vehicula at, pellentesque non, justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec quis lectus non metus euismod elementum. Quisque est leo, sollicitudin sit amet, vehicula non, pharetra a, lorem. Donec eu ante. Nulla facilisi. Nullam sed felis in neque convallis tincidunt. Morbi pellentesque elit sit amet nunc. In nonummy eleifend ante. Nam quis quam eu odio lacinia cursus. Phasellus ut sem. Mauris felis neque, ultricies nec, scelerisque quis, venenatis vitae, pede. Sed pretium. Nullam et nulla. </p> <p> Praesent quis ante. Cras sem. Curabitur sagittis lorem at leo euismod laoreet. In orci magna, bibendum ut, nonummy sodales, auctor in, purus. Duis arcu nisl, placerat non, dignissim et, laoreet sit amet, mauris. Phasellus volutpat dignissim tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vivamus erat metus, venenatis eu, convallis eu, porta ut, erat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut auctor pharetra lacus. Pellentesque ultricies tempus tortor. Cras in leo vitae purus nonummy pharetra. Fusce venenatis mauris tristique risus auctor euismod. </p> <p> Maecenas tempor. Aenean massa sem, pharetra non, commodo eget, ultricies ut, purus. In nisl nisl, lacinia ac, tempor ac, aliquam a, massa. Phasellus nec magna ut nunc blandit tempus. Nam sagittis metus in purus. Vestibulum euismod. Nullam eget libero non enim dapibus elementum. Integer facilisis ullamcorper justo. Sed leo arcu, commodo feugiat, mattis sed, dapibus sit amet, velit. Fusce tincidunt sapien at lorem. Fusce tempor, pede nec luctus ullamcorper, leo dui rutrum diam, at auctor mauris nibh feugiat velit. Nullam lacinia fermentum sem. </p> </div>
pas la peine de mettre en ligne je reviens avec les css !
et hop on mets en place les trois blocs :
pour le html j'avais oublié d'ajouter un titre au menu :
div#menu
{
width:90px;
float:left;
}
div#links
{
width:90px;
float:right;
}
div#content
{
padding:0 100px;
}
pour le html j'avais oublié d'ajouter un titre au menu :
<div id="menu"> <h2>Menu</h2> <ul> <li><a href="page1.html">page1</a></li> <li><a href="page2.html">page2</a></li> <li><a href="page3.html">page3</a></li> <li><a href="page4.html">page4</a></li> <li><a href="page5.html">page5</a></li> <li><a href="page6.html">page6</a></li> <li><a href="page7.html">page7</a></li> <li><a href="page8.html">page8</a></li> <li><a href="page9.html">page9</a></li> <li><a href="page10.html">page10</a></li> <li><a href="page11.html">page11</a></li> <li><a href="page12.html">page12</a></li> </ul> </div>
manque les liens…
pour le menu :
on habille '<h2>' comme '<h1>' tout à l'heure, on ajoute un bordure et on dégrossit la liste de lien. si tu veux que la bordure aille jusqu'en bas même sans le contenu, on en parle après !!!
pour le menu :
on habille '<h2>' comme '<h1>' tout à l'heure, on ajoute un bordure et on dégrossit la liste de lien. si tu veux que la bordure aille jusqu'en bas même sans le contenu, on en parle après !!!
div#menu
{
width:90px;
float:left;
border:2px solid #a5b5bd;
}
div#menu h2
{
margin:0;
padding:0;
height:40px;
text-indent:-1000em;
overflow:hidden;
background-image:url(resources/bckgnd_menu.gif);
background-position:center;
background-repeat:no-repeat:
}
div#menu ul
{
margin:0;
padding:4px;
list-style-type:none;
}
div#menu ul li
{
margin:0;
padding:0;
}
Désolée du retard, on m'a "emprunté" le pc.
non pas la peine que la bordure aille jusqu'en bas c'est mm mieux si elle s'adapte a la liste.
voilà:http://melnina34.free.fr/sete.html
non pas la peine que la bordure aille jusqu'en bas c'est mm mieux si elle s'adapte a la liste.
voilà:http://melnina34.free.fr/sete.html
l'image de fond du menu ne s'affiche pas, l'image ne doit pas être à la bonne url.
tu as créé un dossier 'ressources' avec 2 's', dans la css j'utilise 'resources' avec un seul et il n'y a pas le fichier dans le dossier.
par ailleurs j'ai retaillé les images pour virer la bordure.
pour la suite il suffit de faire la même chose avec les liens :
j'ai modifié quelques valeurs à droite et à gauche, regarde la version complète ce sera peut être plus simple !
tu as créé un dossier 'ressources' avec 2 's', dans la css j'utilise 'resources' avec un seul et il n'y a pas le fichier dans le dossier.
par ailleurs j'ai retaillé les images pour virer la bordure.
pour la suite il suffit de faire la même chose avec les liens :
div#links
{
width:90px;
float:right;
border:2px solid #a5b5bd;
}
div#links h2
{
margin:0;
padding:0;
height:39px;
text-indent:-1000em;
overflow:hidden;
background-image:url(resources/bckgnd_links.gif);
background-position:center;
background-repeat:no-repeat;
}
div#links ul
{
margin:0;
padding:4px;
list-style-type:none;
}
div#links ul li
{
margin:0;
padding:0;
}
div#content
{
margin:0 104px;
padding:40px 5px 5px 5px;
border:2px solid #a5b5bd;
background-image:url(resources/bckgnd_content.gif);
background-position:top center;
background-repeat:no-repeat;
text-align:justify;
}
j'ai modifié quelques valeurs à droite et à gauche, regarde la version complète ce sera peut être plus simple !
oups oui j'ai oublié l'image du menu.
Bon alors là j'ai tt fait comme tu as dit mais j'ai un ptit probleme c'est que j'ai pas l'espace entre le header et les entetes des menus liens et contenus.
là:http://melnina34.free.fr/sete.html
Bon alors là j'ai tt fait comme tu as dit mais j'ai un ptit probleme c'est que j'ai pas l'espace entre le header et les entetes des menus liens et contenus.
là:http://melnina34.free.fr/sete.html
Salut!
Pour un espace entre le header et le reste :
div#header h1
{
margin:0px 0px 2px 0px;
padding:0;
height:129px;
text-indent:-1000em;
overflow:hidden;
background-image:url(resources/bckgnd_header.gif);
background-position:center;
background-repeat:no-repeat:
}
Voilà... regarde où est margin dans la variable et change le "2" en ce que tu veux comme espace! Bon boulot dalida!
~w~
Pour un espace entre le header et le reste :
div#header h1
{
margin:0px 0px 2px 0px;
padding:0;
height:129px;
text-indent:-1000em;
overflow:hidden;
background-image:url(resources/bckgnd_header.gif);
background-position:center;
background-repeat:no-repeat:
}
Voilà... regarde où est margin dans la variable et change le "2" en ce que tu veux comme espace! Bon boulot dalida!
~w~
pour l'écart titre/contenu tu as trouvé, pour séparé le document de haut c'est les marges du '<body>' :
n'hésites pas à regarder les codes de ma version, moi je vais me coucher !!!
bonne nuit tout le monde !
body
{
width:750px;
margin:10px auto;
font-size:.8em;
}
n'hésites pas à regarder les codes de ma version, moi je vais me coucher !!!
bonne nuit tout le monde !
ah oui effectivement, je suis particulierement nouille ce soir, desolée.
merci de m'aider :)
oups j'avais pas vu ton message dalida, je te remercie infiniment, tu m'as sauvée de la crise de nerfs, c'est vraiment sympa d'avoir pris le temps de m'aider, me reste plus qu'a relire le css pour bien tout assimiler et à remplir tout ça :D
merci beaucoup.
merci de m'aider :)
oups j'avais pas vu ton message dalida, je te remercie infiniment, tu m'as sauvée de la crise de nerfs, c'est vraiment sympa d'avoir pris le temps de m'aider, me reste plus qu'a relire le css pour bien tout assimiler et à remplir tout ça :D
merci beaucoup.
