Auuuuuu secouuuuuurs....

Les travaux sont bien plus difficiles que prévu...

C'est une vraie prise de tête... surtout que cela ne marche vraiment pas comme je le souhaite !

Une idée pour repartir de zéro au niveau du CSS ???????

A+

Le papa d'Antoine qui galère !

Comments

[Annak]

Bonjour :) alors pour te répondre :Je voudrais que les
titres mes articles soient avec un fond (une image) mais cela ne
fonctionne pas comme je le veux et surtout, que le fond gris
disparaisse, que tous les pointillés disparaissent aussi (et aussi la
bande bleue d'ailleurs).Rajoute dans le CSS.divTitreArticle h2 {border-top: 0px solid #2898FF;}.divTitreArticle h2 {border:0px;background:none;}.beforeArticle{border:0px;}-> Je souhaiterais changer la couleur des liens qui se trouvent en bas de chaque article..afterArticle a{color:red;}-> Enfin, je voudrais modifier la couleur d'écriture du module Newsletter !.newsletter .box-content {color:red;}Voilà :)

[annak]

Bonjour :) Tu vois, on dirait qu'il y a 3 CSS à la suite : noir-rouge-bleu/* @start_terminal */body    {margin:0px;font-family: Arial, sans-serif;font-size:12px; background:#F3FEFF;color: #202E3A;}a         { color:#01426F; } a:hover { text-decoration:underline; color:#202E3A;}#top    {    border-bottom: 7px solid #62CBED;    padding: 10px 10px 0 10px;    color: #016AC3;    margin-bottom: 3px;    padding: 10px 10px 0 10px;    font-size: 24px;    font-weight: bold;    text-align: left;     }    #footer   {    color: #62CBED;    clear:both;    padding: 5px;    text-align:center;    }    .contenuArticle {    background-color: #E6FCFF;    border-left: 15px solid #C8E7FF;    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */    }        .divTitreArticle h2 {    border-bottom: 5px solid #269CFF;    }.titreArticle        { color:#269CFF; } .titreArticle:hover    { color:#016AC3;}            .box-titre {    border-bottom: 1px solid #F3FEFF;    background-color:#62CBED;    }    .box {    background-color: #C8E7FF;    border-bottom: 2px dotted #DDF2FF;    }    .box-content {    border-top: 5px solid #011FFF;    }            .date     {color: #62CBED;}.commentMessage  {    border-left: 15px solid #E6FCFF;    border-bottom: 1px solid #F3FEFF; /* IE creepy text BUG FIX */    }.commentOption   {    border-bottom: 2px dotted #DDF2FF;    color: #5FA3C5;    }.extraitArticle    {margin-top: 10px;margin-bottom: 20px;}.extrait {margin-top: 2px;padding: 5px 5px 5px 15px;}.plusExtrait {padding: 2px 5px 2px 5px;text-align: right;font-size: 10px;}.plusExtrait a             { text-decoration:none; color:#016AC3; } .plusExtrait a:hover    { text-decoration:underline; color:#01426F;}#cl_1_0, #cl_1_2 { background-color: #C8E7FF; }.pageContent {    background-color: #E6FCFF;    border-left: 15px solid #C8E7FF;    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */    }        .divPageTitle h2 {    border-bottom: 5px solid #269CFF;    }.divPageTitle h2        { color:#269CFF; } .divPageTitle h2:hover    { color:#016AC3;}/* @end_terminal *//* @start_display_tpl */body    {font-family: Arial, sans-serif;font-size:12px;}h1, h2, h3  { margin: 0; padding: 0; }h1      { font-size: 24px; font-weight: normal;} h2        { font-size: 14px; font-weight: bold;} li      { list-style-type: square; }img     { border:0px; } form     { margin:0px;padding:0px;}/* entete */#ln_0    { margin: 0; }#cl_0_0 {width:100%; margin: 0;}#top    {margin-bottom: 3px;padding: 10px 10px 0 10px;font-size: 24px;font-weight: bold; text-align: left; }#top h1 { padding:0px; margin:0px; }.topLien, .topLien:hover {text-decoration:none; margin:0; padding:0;}/* Bas de page */#cl_2_0 {width:100%; margin-top:5px;}#footer   {clear:both;padding: 5px;text-align:center;}#footer a     { text-decoration:none; color:#62CBED; } #footer a:hover { text-decoration:underline; color:#5FA3C5;}#footer p { margin:0px; padding: 10px; background:#ddd; }#ln_1 {    margin-top: 0px;    padding-top: 5px;    }.pagination {padding: 2px;text-align: center;}.currentPage { padding: 0 2px 0 2px;}.textFirst { padding-right: 15px;}.textPrevious { padding-right: 10px;}.previousPage { padding-right: 2px;}.nextPage { padding-left: 2px;}.textNext { padding-left: 10px;}.textLast { padding-left: 15px;}/*------------------- Articles ----------------------------------*/.article    { margin-top:10px;  padding:0px;  }.article p  { padding:0px 0px 5px 5px; margin:0px; }.date     {padding: 0 0 3px 15px;font-size: 10px;}.beforeArticle {padding:0px 0px 5px 0px; margin:0px;  width:100%; }.cl ul {margin:0;padding:0;}.listArticles {list-style:none;margin: 6px 0 10px 0; padding: 4px 0 0 0;font-size: 12px;font-weight: normal;}.listArticles a         { font-weight: bold; font-size: 16px; padding: 2px 5px 0 15px; text-decoration:none; } .listArticles a:hover     { font-weight: bold; font-size: 16px; padding: 0 5px 0 15px; text-decoration:underline;} .resumeArticle {margin: 4px;padding: 5px 5px 5px 15px;font-size: 12px;}.divTitreArticle h2 {margin:0px;padding: 0px 5px 4px 15px;font-size: 16px;font-weight: bold;}.titreArticle        { text-decoration:none;  } .titreArticle:hover    { text-decoration:underline;}#articleSeul h2 {margin:0px;padding: 0px 5px 4px 15px;font-size: 16px;font-weight: bold;}#articleSeul h2 a     { text-decoration:none; } #articleSeul h2 a:hover    { text-decoration:underline;}.contenuArticle {margin-top: 2px;padding: 5px 5px 5px 15px;}.contenuArticle ul        { margin: 0 0 0 18px;    padding:0; }.contenuArticle ul li    { margin: 0; padding:0;    list-style: disc; }.afterArticle {padding: 2px 5px 2px 5px;text-align: right;font-size: 10px;}.afterArticle a     { text-decoration:none; color:#016AC3; } .afterArticle a:hover    { text-decoration:underline; color:#01426F;}.topic a        { text-decoration:none; color:#016AC3; } .topic a:hover    { text-decoration:underline; color:#01426F;}.infoExtrait {padding: 4px 5px 4px 15px;font-size: 16px;font-weight: bold;}.titreExtrait a         { text-decoration:none; } .titreExtrait a:hover    { text-decoration:underline; }.extraitArticle    {margin-top: 10px;margin-bottom: 20px;}.hrExtrait {display:none;}.extrait {margin-top: 2px;padding: 5px 5px 5px 15px;}.plusExtrait {padding: 2px 5px 2px 5px;text-align: right;font-size: 10px;}.plusExtrait a             { text-decoration:none; color:#016AC3; } .plusExtrait a:hover    { text-decoration:underline; color:#01426F;}#articleSeul {} .GcheTexte{float:left; margin:3px;}.DrteTexte{float:right; margin:3px; }.CtreTexte{margin:3px auto; display:block;}.hitcitation {font-style:italic;text-align:justify;padding:5px 20px;}.hitencart {border:1px solid black;text-align:justify;font-weight:bold;margin:5px 0px;padding:5px 5px;}.hitimportant {font-weight:bold;color:red;font-weight:bold;font-size:120%;}.hitperso1 {font-style:italic;}.hitperso2 {font-weight:bold;}.afterReactions a    { text-decoration:none;  } .afterReactions a:hover    { text-decoration:underline; }/*--------------------Commentaires---------------------------- */.h2commentMessage {padding: 10px 0 0 15px}.linkAddComment { font-weight:bold; }.commentMessage  {margin-top: 2px;padding: 5px 5px 5px 15px;}.commentOption   {text-align:right;margin-bottom:10px;padding: 3px 5px 2px 5px;font-size: 10px;}#formComment label { width:70px; }/*-------------------trackback----------------------------------*/#addTrackback {  padding:5px;}.affTrackback { padding:5px;   margin-bottom:10px;}.affTrackback h2 {}.linkAddTrackback { font-weight:bold; }.h2Trackback {padding-top: 10px;    }/*-------------------Recommander--------------------------------*/#divRecommander {}#divRecommander span {font-size:larger;}#divRecommander legend {font-size:larger;}#divRecommander fieldset {padding:3px; margin:5px;}/*-----------------Newsletter-----------------------------------*/#divNewsletter h2 {text-align:center; font-size:12px;}/*-------------- Calendrier -----------------------------------*/.calendarTop1     {  font-family: Arial; font-size: 10px; font-style: normal; font-weight: bold; }.calendarToday1 {  font-family: Arial; font-size: 10px; font-weight: bold; } .calendarDays1     {  width:50px; height:15px; font-family:Arial; font-size: 10px; font-style: normal;  text-align:center;}.calendarHeader1{  font-family: Arial; font-size: 10px;} /*--------------Modules------------------------------------*/.box {margin:auto;margin-bottom:15px}.box a            { text-decoration:none;  } .box a:hover    { text-decoration:underline; }.box-content {padding:5px;}.box-content ul {margin: 0 0 0 16px; padding:0px;}.box em {padding-left: 5px; font-size: 10px; }.box-titre {margin:0px;padding: 4px 5px 2px 5px;}.box-titre span{display:block;margin:0px;padding:0px;}.box-titre h2 {padding:0px; margin:0px;}.box-footer {display: none;}#menuClicDroit {position:absolute;top:0px;left:0px;z-index:500;visibility:hidden;background-color:#C8E7FF;border:5px dotted #011FFF;padding:5px; color: #5FA3C5;}#menuClicDroit li { list-style-type:none; margin:0px; padding:0px}#menuClicDroit ul{margin:0px;padding:0px}#menuClicDroit a         { text-decoration:none; color:#269CFF; } #menuClicDroit a:hover    { text-decoration:underline; color:#016AC3;}/*------------------- Pages ----------------------------------*/.page    { margin-top:10px;  padding:0px;  }.page p  { padding:0px 0px 5px 5px; margin:0px; }.beforePage {padding:0px 0px 5px 0px; margin:0px;  width:100%; }.divPageTitle h2 {margin:0px;padding: 0px 5px 4px 15px;font-size: 16px;font-weight: bold;}.divPageTitle h2        { text-decoration:none;  } .divPageTitle h2:hover    { text-decoration:underline;}.pageContent {margin-top: 2px;padding: 5px 5px 5px 15px;}.pageContent ul        { margin: 0 0 0 18px;    padding:0; }.pageContent ul li    { margin: 0; padding:0;    list-style: disc; }.afterPage {padding: 2px 5px 2px 5px;text-align: right;font-size: 10px;}.afterPage a     { text-decoration:none; color:#016AC3; } .afterPage a:hover    { text-decoration:underline; color:#01426F;}/* @end_display_tpl *//* @start_display_var */#ln_1 {border-top: 3px solid #011FFF;}/* ---------- Elements generiques ------------- */body    {background:#F3FEFF;color: #202E3A;}a         { color:#01426F; } a:hover { text-decoration:underline; color:#202E3A;}.newWindow { color:#62CBED; }.newWindow:hover { color:#269CFF; }legend  { color:#5675A4; padding-left:5px; padding-right:5px;}li      { list-style-type: square; }img     { border:0px; } input   { border:solid 1px #62CBED; font-size:100%; background:#E6FCFF; color:#269CFF; } form     { margin:0px;padding:0px;}/* entete */#top    {    border-bottom: 7px solid #62CBED;    padding: 10px 10px 0 10px;    color: #016AC3;    }#top a { color:#016AC3; }#top a:hover { color:#01426F; }/* Bas de page */#footer   {    color: #62CBED;    }#footer a     { color:#62CBED; } #footer a:hover {  color:#5FA3C5;}.pagination {border-bottom: 1px solid #DDF2FF;}.currentPage {color: #01426F;}.textFirst {color: #62CBED; }.textPrevious {color: #269CFF; }.previousPage {color: #016AC3; }.nextPage {color: #016AC3; }.textNext {color: #269CFF;}.textLast {color: #62CBED;}/*------------------- Articles ----------------------------------*/.date     {color: #62CBED;}.beforeArticle {  }.listArticles {color: #5FA3C5;}.listArticles a         {  color:#269CFF; } .listArticles a:hover     { color:#016AC3;} .resumeArticle {    border-top: 3px solid #269CFF; /*    border-left: 15px solid #C8E7FF; */    background-color: #E6FCFF;    color: #5FA3C5;    }.divTitreArticle h2 {    border-bottom: 5px solid #269CFF;    }.titreArticle        { color:#269CFF; } .titreArticle:hover    { color:#016AC3;}#articleSeul h2 {    border-bottom: 5px solid #269CFF;}#articleSeul h2 a     {  color:#269CFF; } #articleSeul h2 a:hover    {  color:#016AC3;}.contenuArticle {    background-color: #E6FCFF;    border-left: 15px solid #C8E7FF;    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */    }.afterArticle {    border-bottom: 5px dotted #C8E7FF;    color: #62CBED;    }.afterArticle a     {  color:#016AC3; } .afterArticle a:hover    { color:#01426F;}.topic a        {  color:#016AC3; } .topic a:hover    {  color:#01426F;}.infoExtrait {    border-bottom: 5px solid #269CFF;    }.titreExtrait a         { color:#269CFF; } .titreExtrait a:hover    {  color:#016AC3;}.extrait {    background-color: #E6FCFF;    border-left: 15px solid #C8E7FF;    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */    }.plusExtrait {    border-bottom: 5px dotted #C8E7FF;    color: #62CBED;    }.plusExtrait a             {color:#016AC3; } .plusExtrait a:hover    {  color:#01426F;}.hitcitation {background-color:#eee;}.afterReactions a    {  color:#269CFF; } .afterReactions a:hover    {  color:#016AC3;}/*--------------------Commentaires---------------------------- */.h2commentMessage {color: #62CBED;}.commentMessage  {    border-left: 15px solid #E6FCFF;    border-bottom: 1px solid #F3FEFF; /* IE creepy text BUG FIX */    }.commentOption   {    border-bottom: 2px dotted #DDF2FF;    color: #5FA3C5;    }/*-------------------trackback----------------------------------*/#addTrackback { border:1px dotted #999999;}.affTrackback {  border:1px dotted #999999; }.h2Trackback {    color: #D9D9D9;    }/*-----------------Newsletter-----------------------------------*/.box.newsletter .box-content { color: #016AC3; }/*-------------- Calendrier -----------------------------------*/.calendarTop1     {  font-family: Arial; font-size: 10px; font-style: normal; color:#5FA3C5; font-weight: bold;  background-color:#C8E7FF}.calendarToday1 {  font-family: Arial; font-size: 10px; font-weight: bold; color:#FFFFFF; background-color:#C8E7FF;} .calendarDays1     {  width:50px; height:15px; font-family:Arial; font-size: 10px; font-style: normal; color:#000000; background-color: #C8E7FF    ; text-align:center;}.calendarHeader1{  font-family: Arial; font-size: 10px; background-color:#DDF2FF; color:#62CBED;} .calendarTable1 {  background-color:#DDF2FF;border:0px solid #DDF2FF} /*--------------Modules------------------------------------*/.box strong {    color: #016AC3;    }.box {    background-color: #C8E7FF;    border-bottom: 2px dotted #DDF2FF;    }.box a            {  color:#016AC3; } .box a:hover    { color:#01426F;}.box-content {    border-top: 5px solid #011FFF;    }.box-content ul { padding:0px;}.box-content ul li {color:#269CFF;}.box em {font-size: 10px; }.box em a {color: #62CBED;}.box-titre {    border-bottom: 1px solid #F3FEFF;    background-color:#62CBED;    }.box-titre h2 { color:#E6FCFF;}#menuClicDroit {position:absolute;top:0px;left:0px;z-index:500;visibility:hidden;background-color:#C8E7FF;border:5px dotted #011FFF;padding:5px; color: #5FA3C5;}#menuClicDroit li { list-style-type:none; margin:0px; padding:0px}#menuClicDroit ul{margin:0px;padding:0px}#menuClicDroit a         { text-decoration:none; color:#269CFF; } #menuClicDroit a:hover    { text-decoration:underline; color:#016AC3;}/*------------------- Pages ----------------------------------*/.beforePage {  }.divPageTitle h2 {    border-bottom: 5px solid #269CFF;    }.divPageTitle h2        { color:#269CFF; } .divPageTitle h2:hover    { color:#016AC3;}.pageContent {    background-color: #E6FCFF;    border-left: 15px solid #C8E7FF;    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */    }.afterPage {    border-bottom: 5px dotted #C8E7FF;    color: #62CBED;    }.afterPage a     {  color:#016AC3; } .afterPage a:hover    { color:#01426F;}/* @end_display_var */

[Emma]

Ah désolés nous n'y connaissons vraiment rien !! Bon courage !

[Caloue]

moi aussi j'ai galéré si tu veux je t'envoie mon CSS qui marche bien et tu vois ce que tu peux faire pour le tien.

[Le papa d'Antoine]

Merci pour tous vos messages !

C'est vraiment pas simple à faire et pourtant je comprends les différentes structures du CSS mais les modifications ne sont pas comme je le souhaite tout simplement !

[Anna qui a 18 mois]

Arf, j'espère que tu trouvera ce que tu veux. Bon courage.