Salut,

comme le souligne le sujet
j'aimerais comprendre les différents modules de mon CSS
posté sur ce Topic.

Merci à vous
a++

Rien de bien concret pour l'instant
mais juste pour bien me situer tout simplement
a++

Ok merci

si tu en as d'autres je suis preneur

a++

bon ben ,j'ai déjà un aperçu grâce à toi

j'aurais surement besoin de tes conseils prochainement
merci encore mon ami
a++

Salut,
j'aimerais supprimer le mot "CODE"
comme ceci

Code:

blabla

est ce possible stp ?

merci
a++

Tout d'abord merci pour ta réponse
mais il me semble que pour les citations cela est possible ?
a++

Ah, devine quoi, c'est tout à fait possible, voici le code :

Code:

dl.codebox dt {
display: none;
}

tu es un chef mon ami

le "none" désactive l'affichage ??

a++

Ok merci à toi

a bientôt pour de nouvelles
demandes sur ce même topic

Passes de bonnes fêtes si on ne s'écrit pas d'ici là

a++

J'ai du faire une bêtise
car sur mon index les caractères sont trop importants

peux tu me dire ou modifier la valeur stp ??




merci

a++

Bizarre, t'as touché à quoi ?
Enfin, essaye de mettre ceci dans ton CSS :

Code:

.forabg {
font-size: 1em;
}
.forumbg {
font-size: 1em;
}

ben j'en sais trop rien

par contre j'ai regardé toutes les
tailles de police et rien d'anormal!!

.forabg {
font-size: 1em;
}
.forumbg {
font-size: 1em;
}

peux tu me dire ou se trouvent exactement
les catégories ou les titres de catégories stp

merci
a++

en voilà une partie
la ou j'ai modifié des tites bricoles

Code:



/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
    float: none;
    display: none !important;
    }
#wrap dl.postprofile {
    float: none;
    }
#wrap div.postbody .online {
    background-image: none;
    }
#wrap div.postbody {
    width: auto;
    }
#wrap div.postbody h3 {
    font-size: 11pt;
    }
#wrap div.postbody p.author {
    width: 100%;
    border-bottom: 4px dashed #FCC572;
    }
#wrap div#page-body div.post {
    padding: 0 0 2em 0;
    border-top: 4px double #FCC572;
    }
div.postbody {
    width: 100%;
    float: none;
    }
#wrap div#page-body div.post .content {
    overflow: visible;
    }

/* Footer */
div.noprint {
    display: none;
    }
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
    display: none;
    }
}


/* Tags-------------------------------------------------*/
h1.page-title {
    font-family: Arial;
    font-weight: bolder;
    color: #9CC089;
    font-size: 2.5em;
    margin: 0.8em 0 0.2em 0;
    }
h1.gallery-title {
    display: inline;
    font-size: 11px;
    text-align: center;
    font-weight: bolder;
    }
h2 {
   
/* Keeping old styles for h2 for legacy */
font-family: Arial;
    font-weight: bolderer;
    color: #000000;
    font-size: 2em;
    margin: 0.8em 0 0.2em 0;
    }
h1.solo {
    margin-bottom: 1em;
    }
h3, .h3 {
    font-family: Arial;
    text-transform: uppercase;
    border-bottom: 1px#9CC089;
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 1.05em;
    color: #;
    margin-top: 20px;
    }
.h3 {
    font-weight: bolder;
    }
.module .h3,.postbody .h3,.introduction .h3 {
    margin-top: 8px;
    }
.table-title, .table-title h2 {
    display: inline;
    font-size: 1em;
    color: #000000;
    }
input {
    font-weight: bolderer;
    cursor: pointer;
    vertical-align: middle;
    padding: 0 3px;
    font-size: 1em;
    font-family: Arial;
    }
select {
    font-family: Arial;
    font-weight: bolderer;
    cursor: pointer;
    vertical-align: middle;
    border: 2px dotted #9CC089;
    padding: 1px;
    background-color: #;

    }
option {
    padding-right: 1em;
    }



/* Menu-------------------------------------------------*/
.navbar {
    clear: both;
    background-color: #fde8d7;
    padding:0px 10px;
    }
ul.navlinks {
    border-bottom: 1px dotted #000000;
    font-weight: bolder;
    text-align: center;
    }
ul.linklist li {
    list-style-type: none;
    width: auto;
    font-size: 1.1em;
    line-height: 2.2em;
    display: inline;
    }
ul.linklist li a img {
    vertical-align: middle;
    }
.search-box {
    margin-top: 3px;
    margin-left: 5px;
    float: left;
    }
#search-box,#search-box-yahoo {
    margin-top: 10px;
    margin-right: 5px;
    float: left;
    white-space: nowrap;
   


/* Code block------------------------------------------------*/
dl.codebox {
margin: 1em 1px 1em 25px;
    padding: 3px;
    background: #FFFFFF url("http://milouze14.fr/list_errors.gif") 6px 8px no-repeat;
        border: 2px dotted #D889B8;
    font-size: 0.95em;
   
    overflow: hidden;
    }
dl.codebox dt {
    display: none;
    }
blockquote dl.codebox {
    margin-left: 3;
    }
dl.codebox code {
    overflow: auto;
    display: block;
    height: auto;
    max-height: 200px;
    white-space: bolderer;
    padding-top: 15px;
    font: 0.9em Courier,CourierNew,sans-serif;
    line-height: 1.3em;
    color: #none;
    margin: 2px 0;
    }

/* Table-------------------------------------------------*/
.forabg {
font-size: 1em;
    margin-bottom: 4px;
    clear: both;
    background-color: #c5d5eb;
    background-image: url('http://milouze14.fr/bgbutton.gif');
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 2px dotted #B96A9A;
    padding: 0px 5px;
    }
* html .forabg {
    position: relative;
    height: 1%;
    }
*+ html .forabg {
    min-height: 1px;
    }
.forumbg {
font-size: 1em;
    background-color: #c5d5eb;
    background-image: url('http://milouze14.fr/bgbutton.gif');
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 2px dotted #000000;
    padding: 0px 5px;
    margin-bottom: 4px;
    clear: both;
    }
* html .forumbg {
    height: 1%;
    }
*+ html .forumbg {
    min-height: 2px;
    }
.forumbg table.table1 {
    margin: 0 -2px -1px -1px;
    }
ul.topiclist {
    list-style-type: none;
    margin: 0;
    background-image: url("http://milouze14.fr/artifices01.gif");
    background-repeat: repeat-x;
    color: #000000;
    }
* html ul.topiclist {
    height: 1%;
    }
*+ html ul.topiclist {
    min-height: 1px;
    }
ul.topiclist li {
    display: block;
    margin: 0;
    }
* html ul.topiclist li {
    position: relative;
    }
ul.topiclist li.row dl {
    padding: 4px 0;
    }
ul.forums li.row dl {
    min-height: 6px;
    }
* html ul.forums li.row dl {
    height: 1px;
    }
ul.topiclist dt,ul.topiclist dd.dterm {
    display: block;
    float: left;
    width: 60%;
    font-size: 1.1em;
    padding-left: 5px;
    padding-right: 5px;
    }
ul.topiclist dfn {
    display: none;
    }
ul.topics li.header dl.icon dt {
    padding-right: 50px;
    }
ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    display: block;
        float: left;
    width: 50%;
    }
ul.topics dd {
    display: block;
    float: left;
    }
ul.forums {
    background-color: #fde8d7;
    background-image: none;

    }
li.header dl.icon {
    min-height: 0;
    }
li.header dl.icon dt {
    padding-left: 0;
    }
li.header dt {
    font-weight: bolder;
    }
li.header dd {
    margin-left: 1px;
    }
dl.icon {
    min-height: 35px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    height: auto !important;
    height: 35px;
    }
dl.icon dt,dl.icon dd.dterm {
    background-repeat: no-repeat;
    background-position: 5px 50%;
   






/* dl dt dd----------------------------------------------*/
dd.lastpost {
    width: 20%;
    font-size: 1.1em;
border: none;
}
dd.mark {
    float: right !important;
    width: 9%;
    text-align: center;
    line-height: 150%;
    font-size: 1.2em;
    }
dd.posts, dd.topics, dd.views {
    width: 8%;
    text-align: center;
    line-height: 3.2em;
    font-size: 1.2em;
    border: none;
    }
dd.info {
    width: 30%;
    }
dl.details {
    font-size: 1.1em;
    }
dl.details dt {
    float: left;
    width: 10em;
    text-align: right;
    color: #000000;
    display: block;
    }
dl.details dd {
    margin-left: 10em;
    padding-left: 5px;
    margin-bottom: 5px;
    color: #000000;
    }
.span-tab {
    font-size: 0.9em;
    }



/* Postbody (preview)---------------------------------------------------*/
.postbody {
    padding: 0;
    line-height: 1.48em;
    color: #000000;
    width: 76%;
    float: center;
    clear: both;
    }
.postbody .topic-title {
    font-size: 1em;
    padding: 2px 0 0 0;
    margin: 0 0 0.3em 0 !important;
    text-transform: none;
    border: 1px dotted #9CC089;
    font-family: Arial;
    line-height: 125%;
    color: #000000;
    font-weight: bolder;
    }
.postbody .content {
    font-size: 1.3em;
    }
.postbody ul.profile-icons {
    float: right;
    width: auto;
    padding: 0;
    margin-right: 50px;
    }
.postbody ul.profile-icons li {
    margin: 0 5px;
    }
.postbody h3 img {
    vertical-align: bottom;
    }

* html .postbody h3 img {


    vertical-align: middle;
    }
.search .postbody {
    width: 68%;
    }
.search .postbody ol,.search .postbody ul {
    margin-left: 1.8em;
    }
#cp-main .postbody p {
    font-size: 1.1em;
    }
#cp-main .postbody h3 {
    margin-top: 0;
    }
.content {
    color: #000000;
    min-height: 3em;
    overflow: hidden;
    line-height: 1.4em;
    font-family: Arial;
    font-size: 1em;
    }
.content blockquote {
    color: #000000;
    }
.content p {
    font-family: Arial;
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.4em;
    }
.content li {
    list-style-type: inherit;
    }
.content ul, .content ol {
    margin-bottom: 1em;
    margin-left: 3em;
    }


/* Message-box-------------------------------------------------*/
#message-box textarea {
    color: #000000;
    font-family: Arial;
    width: 80%;
    font-size: 1.2em;
    }
#textarea_content {
    margin-top: 2px;
    }
#textarea_content textarea#text_editor_textarea {
    width: 100% !important;
    height: 250px;
    }
#textarea_content iframe#text_editor_iframe {
    width: 100%;
    height: 100%;
    }
form#quick_reply #textarea_content textarea#text_editor_textarea {
    width: 100% !important;
    height: 150px;
    }
form#quick_reply #textarea_content iframe#text_editor_iframe {
    width: 100%;
    height: 100%;
    }


a++

Re...
Tout d'abord, ton CSS contient des erreurs, les voilà corrigées :

Code:

/* Posts */
#wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
    float: none;
    display: none !important;
    }
#wrap dl.postprofile {
    float: none;
    }
#wrap div.postbody .online {
    background-image: none;
    }
#wrap div.postbody {
    width: auto;
    }
#wrap div.postbody h3 {
    font-size: 11pt;
    }
#wrap div.postbody p.author {
    width: 100%;
    border-bottom: 4px dashed #FCC572;
    }
#wrap div#page-body div.post {
    padding: 0 0 2em 0;
    border-top: 4px double #FCC572;
    }
div.postbody {
    width: 100%;
    float: none;
    }
#wrap div#page-body div.post .content {
    overflow: visible;
    }

/* Footer */
div.noprint {
    display: none;
    }
#wrap div#page-footer,#wrap div#page-footer ul.linklist {
    display: none;
    }


/* Tags-------------------------------------------------*/
h1.page-title {
    font-family: Arial;
    font-weight: bolder;
    color: #9CC089;
    font-size: 2.5em;
    margin: 0.8em 0 0.2em 0;
    }
h1.gallery-title {
    display: inline;
    font-size: 11px;
    text-align: center;
    font-weight: bolder;
    }
h2 {
/* Keeping old styles for h2 for legacy */
font-family: Arial;
    font-weight: bolderer;
    color: #000000;
    font-size: 2em;
    margin: 0.8em 0 0.2em 0;
    }
h1.solo {
    margin-bottom: 1em;
    }
h3, .h3 {
    font-family: Arial;
    text-transform: uppercase;
    border-bottom: 1px#9CC089;
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 1.05em;
    color: #;
    margin-top: 20px;
    }
.h3 {
    font-weight: bolder;
    }
.module .h3,.postbody .h3,.introduction .h3 {
    margin-top: 8px;
    }
.table-title, .table-title h2 {
    display: inline;
    font-size: 1em;
    color: #000000;
    }
input {
    font-weight: bolderer;
    cursor: pointer;
    vertical-align: middle;
    padding: 0 3px;
    font-size: 1em;
    font-family: Arial;
    }
select {
    font-family: Arial;
    font-weight: bolderer;
    cursor: pointer;
    vertical-align: middle;
    border: 2px dotted #9CC089;
    padding: 1px;
    background-color: #;

    }
option {
    padding-right: 1em;
    }



/* Menu-------------------------------------------------*/
.navbar {
    clear: both;
    background-color: #fde8d7;
    padding:0px 10px;
    }
ul.navlinks {
    border-bottom: 1px dotted #000000;
    font-weight: bolder;
    text-align: center;
    }
ul.linklist li {
    list-style-type: none;
    width: auto;
    font-size: 1.1em;
    line-height: 2.2em;
    display: inline;
    }
ul.linklist li a img {
    vertical-align: middle;
    }
.search-box {
    margin-top: 3px;
    margin-left: 5px;
    float: left;
    }
#search-box,#search-box-yahoo {
    margin-top: 10px;
    margin-right: 5px;
    float: left;
    white-space: nowrap;
}
 


/* Code block------------------------------------------------*/
dl.codebox {
margin: 1em 1px 1em 25px;
    padding: 3px;
    background: #FFFFFF url("http://milouze14.fr/list_errors.gif") 6px 8px no-repeat;
        border: 2px dotted #D889B8;
    font-size: 0.95em;
  overflow: hidden;
    }
dl.codebox dt {
    display: none;
    }
blockquote dl.codebox {
    margin-left: 3;
    }
dl.codebox code {
    overflow: auto;
    display: block;
    height: auto;
    max-height: 200px;
    white-space: bolderer;
    padding-top: 15px;
    font: 0.9em Courier,CourierNew,sans-serif;
    line-height: 1.3em;
    color: #none;
    margin: 2px 0;
    }

/* Table-------------------------------------------------*/
.forabg {
font-size: 1em;
    margin-bottom: 4px;
    clear: both;
    background-color: #c5d5eb;
    background-image: url('http://milouze14.fr/bgbutton.gif');
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 2px dotted #B96A9A;
    padding: 0px 5px;
    }
* html .forabg {
    position: relative;
    height: 1%;
    }
*+ html .forabg {
    min-height: 1px;
    }
.forumbg {
font-size: 1em;
    background-color: #c5d5eb;
    background-image: url('http://milouze14.fr/bgbutton.gif');
    background-repeat: repeat-x;
    background-position: 0 0;
    border: 2px dotted #000000;
    padding: 0px 5px;
    margin-bottom: 4px;
    clear: both;
    }
* html .forumbg {
    height: 1%;
    }
*+ html .forumbg {
    min-height: 2px;
    }
.forumbg table.table1 {
    margin: 0 -2px -1px -1px;
    }
ul.topiclist {
    list-style-type: none;
    margin: 0;
    background-image: url("http://milouze14.fr/artifices01.gif");
    background-repeat: repeat-x;
    color: #000000;
    }
* html ul.topiclist {
    height: 1%;
    }
*+ html ul.topiclist {
    min-height: 1px;
    }
ul.topiclist li {
    display: block;
    margin: 0;
    }
* html ul.topiclist li {
    position: relative;
    }
ul.topiclist li.row dl {
    padding: 4px 0;
    }
ul.forums li.row dl {
    min-height: 6px;
    }
* html ul.forums li.row dl {
    height: 1px;
    }
ul.topiclist dt,ul.topiclist dd.dterm {
    display: block;
    float: left;
    width: 60%;
    font-size: 1.1em;
    padding-left: 5px;
    padding-right: 5px;
    }
ul.topiclist dfn {
    display: none;
    }
ul.topics li.header dl.icon dt {
    padding-right: 50px;
    }
ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    display: block;
        float: left;
    width: 50%;
    }
ul.topics dd {
    display: block;
    float: left;
    }
ul.forums {
    background-color: #fde8d7;
    background-image: none;

    }
li.header dl.icon {
    min-height: 0;
    }
li.header dl.icon dt {
    padding-left: 0;
    }
li.header dt {
    font-weight: bolder;
    }
li.header dd {
    margin-left: 1px;
    }
dl.icon {
    min-height: 35px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    height: auto !important;
    height: 35px;
    }
dl.icon dt,dl.icon dd.dterm {
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
 






/* dl dt dd----------------------------------------------*/
dd.lastpost {
    width: 20%;
    font-size: 1.1em;
border: none;
}
dd.mark {
    float: right !important;
    width: 9%;
    text-align: center;
    line-height: 150%;
    font-size: 1.2em;
    }
dd.posts, dd.topics, dd.views {
    width: 8%;
    text-align: center;
    line-height: 3.2em;
    font-size: 1.2em;
    border: none;
    }
dd.info {
    width: 30%;
    }
dl.details {
    font-size: 1.1em;
    }
dl.details dt {
    float: left;
    width: 10em;
    text-align: right;
    color: #000000;
    display: block;
    }
dl.details dd {
    margin-left: 10em;
    padding-left: 5px;
    margin-bottom: 5px;
    color: #000000;
    }
.span-tab {
    font-size: 0.9em;
    }



/* Postbody (preview)---------------------------------------------------*/
.postbody {
    padding: 0;
    line-height: 1.48em;
    color: #000000;
    width: 76%;
    float: center;
    clear: both;
    }
.postbody .topic-title {
    font-size: 1em;
    padding: 2px 0 0 0;
    margin: 0 0 0.3em 0 !important;
    text-transform: none;
    border: 1px dotted #9CC089;
    font-family: Arial;
    line-height: 125%;
    color: #000000;
    font-weight: bolder;
    }
.postbody .content {
    font-size: 1.3em;
    }
.postbody ul.profile-icons {
    float: right;
    width: auto;
    padding: 0;
    margin-right: 50px;
    }
.postbody ul.profile-icons li {
    margin: 0 5px;
    }
.postbody h3 img {
    vertical-align: bottom;
    }

* html .postbody h3 img {
vertical-align: middle;
    }
.search .postbody {
    width: 68%;
    }
.search .postbody ol,.search .postbody ul {
    margin-left: 1.8em;
    }
#cp-main .postbody p {
    font-size: 1.1em;
    }
#cp-main .postbody h3 {
    margin-top: 0;
    }
.content {
    color: #000000;
    min-height: 3em;
    overflow: hidden;
    line-height: 1.4em;
    font-family: Arial;
    font-size: 1em;
    }
.content blockquote {
    color: #000000;
    }
.content p {
    font-family: Arial;
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.4em;
    }
.content li {
    list-style-type: inherit;
    }
.content ul, .content ol {
    margin-bottom: 1em;
    margin-left: 3em;
    }


/* Message-box-------------------------------------------------*/
#message-box textarea {
    color: #000000;
    font-family: Arial;
    width: 80%;
    font-size: 1.2em;
    }
#textarea_content {
    margin-top: 2px;
    }
#textarea_content textarea#text_editor_textarea {
    width: 100% !important;
    height: 250px;
    }
#textarea_content iframe#text_editor_iframe {
    width: 100%;
    height: 100%;
    }
form#quick_reply #textarea_content textarea#text_editor_textarea {
    width: 100% !important;
    height: 150px;
    }
form#quick_reply #textarea_content iframe#text_editor_iframe {
    width: 100%;
    height: 100%;
    }

Le problème, c'est qu'il me semble que ça ne vient pas du CSS...
Retires le un instant et regarde, le problème devrait persister...

Peux me montre ce que tu as dans la gestion de tes couleurs ?

Salut,

ok je te remercie et te tiens informé avec des screens
pour les couleurs.


a++

je viens de créer une page html avec le CSS complet et les captures
pour les couleurs

https://milouze14.error/css.html

ce qui est étonnant
il y a des lignes en double
comme

Code:

/*post*/
et
/* Post----------------------------------------------*/

Code:

/* Panel----------------------------------------------*/

et

/* Panel----------------------------------------------*/

Code:

/* Table----------------------------------------------*/

et

/* Table----------------------------------------------*/

de plus il me manque des { ou des }
je n'ai encore rien modifié à cet instant sur le CSS

il y a t il des trucs qui ne sont pas nécessaire dans ce dernier ??

a++