bjr, comment enlever cette bordure grise en bas de chaque module svp?

je ne vois vraiment pas quelle ligne il faut changer. merci

Bonjour,

Colle ceci dans ta css :

.box {  background-image: none; }

bonjour

J'aimerais changer la bordure entre mes articles. Mais je ne vois pas la ligne qu'il faut que je change dans le css. J'aimerais mettre autre chose qu'une ligne simple

merci de votre aide.

bonjour

Les contours de tes modules sont des images, tu peux les voir ici dans ton CSS:

.box-titre  {background: (http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/common/pics/fond-h-c.png)repurleat-x top; margin:0px; padding:0px; border-left:1px no-solid transparent;}
.box-titre span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/common/pics/fond-h-d.png) right top no-repeat ; display:block;margin:0px; padding:0px;  }
.box-footer  {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/2/pics/fond-b-c.png) repeat-x top; margin:0px; padding:0px; font-size:2px; height:5px;}
.box-footer  h2 {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/2/pics/fond-b-d.png) right top no-repeat ; display:block;margin:0px; padding:0px; }
.box-footer  span {background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/2/pics/fond-b-g.png) left top no-repeat; display:block;margin:0px; padding:0px; background-color:transparent;color:green;}
et
.box-content { padding:5px; background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/2/pics/fond-m-d.png) repeat-y right;border-left:1px solid #BFBFBF;}


si tu ne veux plus de ces images, tu peux les remplacer par d'autres, que tu héberges toi-même/
Ou alors, faut virer toutes ces images, en remplaçant les lignes dans ton CSS par
.box-titre  {background:none margin:0px; padding:0px; border-left:1px no-solid transparent; border:4px groove #D3D3D3;}
.box-titre span{background:none; display:block;margin:0px; padding:0px;  }
.box-footer  {none; margin:0px; padding:0px; font-size:2px; height:5px;}
.box-footer  h2 {background:none; display:block;margin:0px; padding:0px; }
.box-footer  span {background:none; display:block;margin:0px; padding:0px; background-color:transparent;color:green;}
et
.box-content { padding:5px; background:none;border-left:none; border-right:none}
et mettre une bordure simple de ton choix

de la lecture pour savoir quels sont les types de bordure

Merci pour tes conseil,s je vais essayer. J'aimerais juste changer celle entre les articles, au lieu d'un trait en point tillé, j'aimerais un petit trait original, c'est dans quel box, je dois mettre la nouvelle url. j'ai essayé une fois(mais je ne sais plus laquelle, en plus le dessin était beaucoup trop gros)

merci pour ton aide

Il n'y a pas de ligne pointillée entre les articles mais entre le coprs d'un article et les options sous l'article (publié par ect. ), ça n'a plus rien à voir avec les modules, c'est là:

Je suis arrivée enlever les bordures dans les box, merci beaucoup. J'ai pu voir à quoi correspondait chacun des box à part celui là: box footer h2? par contre, j'ai voulu mettre une autre url dans le box titre: //idata.over-blog.com 1/72/10/94 bordure1.png, mais je n'ai pas eu ma bordure, j'ai récupé l'ancienne.

maintenant, je vais essayer de changer mon trait de séparation entre les articles.Je te tiens au courant

merci

Je suis allée dans le css mais je n'ai pas de ligne qui commence par afterAticle par contre j'ai beforeAticle. Faut il que je crée cette ligne ou que je mette ce que tu m'as dis dans beforeAticle.

Pendant que j'y suis, j'aimerais mettre mes puces dans les box en noir, j'y suis arrivée pour le box de présentation mais dans les autres.

merci encore

Oui AndréFamily, lorsque les lignes qui te sont citées n'apparaissent pas dans ton CSS, tu dois les y rajouter, tout à la fin.

N'oublies pas de rajouter un point devant .afterArticle

.box-content li {color:#000}

pour les puces en noir

coucou, c'est encore moi, j'ai donc ajouté le paragraphe afterAticle avec un point devant mais rien n'a changé. 

Pour les puces.....merci, j'aurais du y penser 

J'aimerais beaucoup mettre une petite ligne en fin d'article comme dans ce blog

http://didouonline.over-blog.com/

Je vais lui écrire pour lui demander l'url.

tu as plusieurs erreurs dans ton CSS, faut les corriger, sinon, forcément, il est mal interprété

par exemple, dans .afterArticle, c'est width, pas widht, c'est background-image:url(adresse);, pas c'est background-image:url (adresse);  -pas d'espace )

border-left:1px no-solid transparent; dans box-titre, no-solid, comme type de bordure, ça n'existe pas. etc. Tu as plein d'erreurs à corriger.

J'ai enlevé no-solid transparent dans border-left. Puis, j'ai copié-collé (au lieu de la réecrire...) la modif du modérateur  bakemono mais pas de changement.         

bakemono et Orties = la même personne....

Et je n'ai donné que quelques unes des erreurs de ton CSS plus haut, tu en a d'autre... Quand au copier/coller, faudrait le faire correctement...

Tu as texto ceci dans ton CSS

.afterArticle { padding:5px 0px 0px 0px; margin:5px 0px 5px 0px; border-top:1px dotted #808080; width:100%; text-align:right; font-size:85%;} tu peux remplacer par exemple par: .afterArticle { padding:5px 0px 20px 0px; margin:5px 0px 5px 0px; border-top:none; width:100%; text-align:right; font-size:85%; background-image:url(http://fdata.over-blog.com/1/72/10/94/thumbs/bordure1.png); background-position: bottom center; background-repeat:no-repeat;}

t'as pas l'impression que ça ne va pas? Genre, fallait pas mettre la partie en gras...

Il faut mettre UNIQUEMENT

.afterArticle { padding:5px 0px 20px 0px; margin:5px 0px 5px 0px; border-top:none; width:100%; text-align:right; font-size:85%; background-image:url(http://fdata.over-blog.com/1/72/10/94/thumbs/bordure1.png); background-position: bottom center; background-repeat:no-repeat;}

...

tu as toujours une erreur là:

.box-titre {background:(http://idata.over-blog.com/1/72/10/94/bordure1.png ); margin:0px; padding:0px; border-left:1px;}

c'est

.box-titre {background-image:url(http://idata.over-blog.com/1/72/10/94/bordure1.png ); margin:0px; padding:0px; border-left:1px;}

qu'il faut

Pareil là

.box-footer h2 {background:(http://idata.over-blog.com/1/72/10/94/bordure1.png); display:block;margin:0px; padding:0px; }

C'est

.box-footer h2 {background-image:url:(http://idata.over-blog.com/1/72/10/94/bordure1.png); display:block;margin:0px; padding:0px; }

qu'il faut

De plus, l'image choisie est beaucoup trop grande pour être visible en pied des modules, faudrait modifier la hauteur précisée ici

.box-footer {background:none; margin:0px; padding:0px; font-size:2px; height:5px;}

parce que là, 5px de haut pour ton image qui en fait 268...pff, on voit rien en gros

Ensuite, les color:brown... c'est pas une couleur définie brown

La liste des couleurs proposées par le standard CSS est la suivante :

alors corrige ces 2 lignes

a:hover { text-decoration:none;color:brown;}
#footer { clear:both; color:brown; border-top: none;}

Tiens, clique pour pas être limité à 16 couleurs...

remplace color:brown par color:#codecouleurdetonchoix  

Ensuite

.commentOption {text-align:middle;font-size:85%;color:#808080; margin-bottom:10px;}

les attributs de text-align, c'est left, right, center, justify ou inherit.

Mais pas middle

et pour finir, remplace

.plusExtrait {margin:10 auto 15px auto}

par

.plusExtrait {margin:10px auto 15px auto}        

En gros, vire tout ton CSS et colle ceci à la place:

body { margin:0px; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:url(http://idata.over-blog.com/1/72/10/94/lblue149.jpg) ;background-color:transparent; }

a { text-decoration:none; color:blue; font-size:110%; }
a:hover { text-decoration:none;color:maroon;}


#top { padding:0 5px; width:100%; background-color:transparent; border-bottom: none;}

#footer { clear:both; color:maroon; border-top: none;}
#footer p { margin:0px; padding: 10px; background:#ddd;}


.box-titre {background-image:url(http://idata.over-blog.com/1/72/10/94/bordure1.png ); margin:0px; padding:0px; border-left:1px;}
.box-titre span{background:none;margin:0px; padding:0px; }
.box-titre h2 {padding:0px; margin:0px; margin-left:5px;}

.box-footer {background:none; margin:0px; padding:0px; font-size:2px; height:45px;}
.box-footer h2 {background-image:url(http://fdata.over-blog.com/1/72/10/94/thumbs/bordure1.png); display:block;margin:0px; padding:0px; background-position:center center;}
.box-footer span {background:none;margin:0px; padding:0px; background-color:transparent;color:green; height:45px;}

.beforeArticle {padding:0px 0px 5px 0px; margin: 0px; border-bottom:none ; width:100%;}

.article { margin-top:20px; padding:0px; }
.article p { padding:0px 0px 5px 5px; margin:0px; }

.date { width:100%; margin-right:10px;}

.titreArticle{text-decoration:none;}
.titreArticle:hover {text-decoration:none;}

.box-content { padding:5px; background:none;border-left:1px solid transparent;}

.box {margin:auto; margin-bottom:5px; overflow: hidden;}

.commentMessage { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}

.commentOption {text-align:center;font-size:85%;color:#808080; margin-bottom:10px;}

.plusExtrait {margin:10px auto 15px auto}

.beforePage {padding:0px 0px 5px 0px; margin:0px; border-bottom:1px solid #808080; width:100%; }

.page { margin-top:10px; padding:0px; }
.page p { padding:0px 0px 5px 5px; margin:0px; }

.divPageTitle h2{text-decoration:none;}
.divPageTitle h2:hover {text-decoration:none;}
.presentation li{color:#000;}

.box-content li{color:#000}

.afterArticle { padding:5px 0px 20px 0px; margin:5px 0px 5px 0px; border-top:none; width:100%; text-align:right; font-size:85%; background-image:url(http://fdata.over-blog.com/1/72/10/94/thumbs/bordure1.png); background-position: bottom center; background-repeat:no-repeat;}

  pour un CSS sans moults erreurs...

Va sur ton blog, et vide ton cache, pour voir les effets des modifications du CSS.

[v2.0] Vider le cache

Merci beaucoup pour toute ton aide. J'ai copié exactement le nouveau css.

et ça fonctionne parfaitement...

de rien

Oui, ça fonctionne bien. Par contre, j'ai toujours ma ligne en point tillé aprés chaque article. Lorsque j'aurais trouvé un autre trait dans quelle partie faut il que je mette l'url.Je ne sais pas si tu comprend ce que je veux?

Prends la peine de relire les réponses qui te sont faites, et de suivre les conseils donnés. De les suivre correctement.

t'as pas collé TOUT le CSS que j'ai pris la peine de corriger...

Il manque

.afterArticle { padding:5px 0px 20px 0px; margin:5px 0px 5px 0px; border-top:none; width:100%; text-align:right; font-size:85%; background-image:url(http://fdata.over-blog.com/1/72/10/94/thumbs/bordure1.png); background-position: bottom center; background-repeat:no-repeat;}

rajoute le, ainsi que c'est expliqué depuis le début, et tu n'auras plus la ligne pointillée au dessus de publié par etc. mais l'image en dessous à la place.

excuse moi, quand, je l'aicollé mon curseur n'est pas allé jusqu'au bout et c'est vrai que je n'ai pas eu le temps de tout relire car j'ai été interrompu par mes bouts de choux. Mille excuses et encore un grand merci

Pas grave. Et de rien