28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,
Je suis en train de modifier une feuille de style pour mon blog et j'ai un soucis.
J'ai une bordure épaisse noire que je voudrais supprimer mais que je n'arrive pas à localiser dans mes feuilles de style.

Vous pouvez regarder mon blog pour avoir une vision concrète de mon problème : http://bon-plans-mode.over-blog.com/ (Faites pas attention il est en pleine construction)

Est-ce que quelqu'un pourrait m'aider ? Merci beaucoup

Feuille 1 :

body {margin:0px; padding:0px; background-image:url(http://idata.over-blog.com/2/70/30/25/CharcoalDamask-rose-rose_miniature.png); color:#d02090; font-family:"Arial", Helvetica, sans-serif; font-size:x-small;}

a {text-decoration:underline; color:#e2007b; font-size:100%;}
a:hover {text-decoration:none; color:#7d0849;}

#top {background:#fff none; height:auto!important;  min-height:131px; height:131px; text-align:left; color:#FFF; padding:27px 0px 0px 15px; font-size:17px; font-family:"Arial", Helvetica, sans-serif;}
#top h1 { margin:0px; font-family:"Arial", Helvetica, sans-serif; color:#FFF;}

#footer {margin-top:15px; position:relative; background-color:#FFF; color:#e2007b; text-align:center;}
#footer p {margin:0px; padding:10px; color:#e2007b;}



.article {background-color:#FFF; margin:5px;}
.date {margin-left:5px; font-weight:normal; color:#ff3e96;}

.box {background-color:#FFF; position:relative; border:none; margin:0px 0px 10px 10px; padding:0px;}
.box-titre {position:relative; padding:0px; }
.box-titre h2 {padding:8px 0px 0px 15px; font-family:"Arial", Helvetica, sans-serif; font-size:13px; color:#FFFFFF;background:#cd1076;height:18px; margin:5px; padding:8px 0px 0px 8px; text-align:left; font-size:12px; }
.box-content { padding:0px 2px 0px 5px;}

h1 {color:#cd3278;}/*titre des pages*/
h2 {color:#cd3278;}
h3 {color:#cd3278;}

.commentMessage  {
	border-left: 15px solid #FFF0E6; 
        color:#7d0849; /* couleur de la police des commentaires */
	border-bottom: 1px solid #FFF8F3; background:none; }
.commentOption   {
	border-bottom: 0px dotted #FFE0E4;
	color:#7d0849; /* couleur de la police des commentaires */
background:none; }


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

.page {background-color:#FFF; margin:5px;}


Feuille 2 :
body {margin:0px; padding:0px; background-image:url(http://idata.over-blog.com/2/70/30/25/CharcoalDamask-rose-rose_miniature.png); color:#CC0000; font-family:Verdana, Helvetica,Arial,sans-serif; font-size:x-small; }

/*titre des pages*/
h1 {color:#cd3278;}
h2 {color:#cd3278;}
h3 {color:#cd3278;}

/* liens des pages */
a {text-decoration:underline; color:#e2007b; font-size:100%;}
a:hover {text-decoration:none; color:#7d0849;}/* liens survoles*/
legend {color:#FFF; padding-left:5px; padding-right:5px;}
li {list-style-type:none; color:#7d0849;}/*listes non ordonnees*/
img {border:0px none;}

/* images */
input {border:solid 1px #222; font-size:100%; background-color:#FFF; color:#e2007b; margin:1px;}

/* boutons, champs texte */
#global {padding:0px; margin:auto; position:relative; background:#FFF url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/fond.png) repeat-y 0 50%; color:#000000;}
#header {text-align:center; position:relative; font-size:17px; background:#0F0; margin:0 0 0 3px;}

/*div contenant l'entete du blog*/
#top {background:#fff none; height:auto!important;  min-height:131px; height:131px; text-align:left; color:#FFF; padding:27px 0px 0px 15px; font-size:17px; font-family:"Arial", Helvetica, sans-serif;}
#top h1 { margin:0px; font-family:"Arial", Helvetica, sans-serif; color:#FFF;}

/*titre du blog /!\ modifiable*/
.topLien {text-decoration:none; color:#FFF!important;}

/*lien de l'entête vers la home du blog /!\ modifiable*/
.topLien:hover {text-decoration:underline; color:#FFF;}

/*lien de l'entete vers la home du blog survolé /!\ modifiable*/
#top a {color:#FFF;}

/* ---------------------Bas de page----------------*/
#footer {margin-top:15px; position:relative; background-color:#FFF; color:#000000; text-align:center;margin:0 0 0 3px;}

/*pied de page du blog*/
#footer p {margin:0px; padding:10px; color:#e2007b;}

/*paragraphes du pied de page*/
.basLien {text-decoration:underline; color:#e2007b;}
.basLien:hover {text-decoration:underline;}

/*------------------- Articles ----------------------------------*/
.article {background-color:#FFF; margin:5px;}

/*style general d'un article (http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/entete texte et pied)*/
.article p {}/*tous les paragraphes composant un article*/
.contenuArticle { margin-bottom:17px;}

/*style du texte d'un article*/
.date {margin-left:5px; font-weight:normal; color:#8b2252;}

/*style de la date affichee dans l'entete de l'article*/
.afterArticle {width:100%; text-align:right; font-size:90%; margin:5px 5px 40px 0px; padding-top:20px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/separation.png); background-position:top; background-repeat:no-repeat;}

/*style du pied de l'article (http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/publie par, categorie, commentaire,recommander)*/
#articleAccueil .afterArticle {display:none}

/*affichage des pictos*/
.linkComment{padding-left:19px; background:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/icon-comm.png) left no-repeat;}
.linkTrackback{padding-left:19px; background:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/icon-track.png) left no-repeat; }
.linkRecommend{padding-left:19px; background:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/icon-recom.png) left no-repeat; }
.linkAddComment{padding-left:19px; background: url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/ico-comm-rapide.png) no-repeat left;}
.beforeArticle {width:100%;}

/*entete du blog contient la date*/
.topic { color:#e2007b;}

/*categorie de l'article*/
.topic a {}/*lien sur la categorie de larticle*/
.topic a:hover {}/*lien survole sur la categorie de larticle*/
.titreArticle {text-decoration:none; color:#cd3278!important; font-size:18px; font-family:"Arial", Helvetica, sans-serif;}

/*lien sur le titre de l'article*/
.divTitreArticle {background-color:#FFF; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/liseret.png); background-repeat:no-repeat; background-position:left; padding-bottom:9px;}
#articleSeul {padding-left:15px;}

/*style d'un article lors de l'affichage de l'article avec commentaires/trackbacks*/
.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;background-color:#eee;}
.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;}
.plusExtrait {margin:5px auto 10px auto}

/*--------------------Liste des articles-------------------------*/

.listArticles {margin-top:0px; margin-bottom:10px; border:0px none;}

/*style d'un article*/
.resumeArticle {}/*style du resume d'un article*/

/*--------------------Commentaires---------------------------- */

.h2commentMessage {margin:0px 5px 0px 13px; color:#8b2252; font-family:"Arial", Helvetica, sans-serif; font-size:13px;}
.comment {}
.comment hr {}
.linkcomment {font-size:100%; margin-left:12px;}/*lien d'ajout d'un commentaire*/
.commentMessage {padding:2px; border:1px dotted #CC0000; margin:12px; background-color:none; color:#7d0849;}

/*texte d'un commentaire*/
.commentOption {text-align:right; font-size:90%; margin-bottom:10px; font-weight:bold; margin:0px 0px 0px 15px; text-align:left}

/*infos sur le commentaire auteur site...*/
.responseMessage {border:1px dotted #CC0000; text-align:right; color:#FFF; background:#99f943 url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/flech.gif) no-repeat 2% 50%;}

/*---------------formulaire de saisie d'un commentaire--------------*/

#formComment {background-color:#FFF; color:#e2007b; border:1px solid #FFF;}
#formComment h2 {color:#8b2252; font-family:"Times New Roman", Times, serif; font-size:13px;}
#formComment label {width:70px;}/*texte associé aux champs de sasie*/
#formComment input {background-color:#FFF; border:1px solid #222;}/* boutons, champs texte */
#formComment textarea {background-color:#FFF; border:1px solid #222; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif}/*zone de saisie de texte*/

/*-------------------trackback----------------------------------*/

#addTrackback {border:1px solid #CC0000; background-color:#A24D62; padding:5px; margin:12px; color:#FFF;}
#addTrackback h2 {font-size:10px; color:#FFF;}/* cadre donnant l'adresse de trackback*/
.affTrackback {padding:2px; background-color:#5E051B; border:1px solid #CC0000; margin:12px; color:#FFF;}
.affTrackback a {color:#FFF;}
.affTrackback a:hover {color:#FFF;}
.affTrackback h2 {color:#FFF;}
.linkTrackback {font-size:100%;}/*lien vers la fenetre d'ajout de trackback */
.h2Trackback {margin:20px 0px 0px 13px; font-size:10px;}
.nocomm {margin-left:12px; color:#000000;}

/*-----------------fenetre d'ajout d'un trackback---------------------*/

#divTrackBack {background-color:#FFF; color:#000000;}
#divTrackBack h2 {font-size:13px; font-family:"Arial", Helvetica, sans-serif; color:#8b2252;}

/*style general*/
#divTrackBack input {background-color:#FFF; border:1px solid #222;}

/*champs de texte bouton*/
#divTrackBack textarea {background-color:#FFF; border:1px solid #222; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}/*zone de saisie de texte*/

/*-------------------fenetre de recommandation---------------------------*/

#divRecommander {background-color:#FFF; color:#000000; text-align:left;}/*style general*/

#divRecommander span {font-size:larger; color:#e2007b;}
#divRecommander h2 {font-family:"Arial", Helvetica, sans-serif; font-size:13px; color:#9A1034;}/*texte du cadre*/

#divRecommander input {background-color:#FFF; border:1px solid #222;}/*champs de texte bouton*/

#divRecommander textarea {background-color:#FFF; border:1px solid #222; color:#e2007b; font-family:Verdana, Helvetica,Arial,sans-serif; font-size:small;}/*zone de saisie de texte*/


/*-----------------------Pagination-------------------------*/
.pagination {}
.pagination a {}/*Liens*/
.pagination b {}/*Page courante*/

/* ------------------- Box -------------------- */
/*definie le style des modules*/
.box {background-color:#FFF; position:relative; border:none; margin:0px 0px 10px 10px; padding:0px;}
.box-titre {position:relative; padding:0px; }
.box-titre h2 {padding:8px 0px 0px 15px; font-family:"Arial", Helvetica, sans-serif; font-size:13px; color:#FFFFFF;background:#cd1076;height:18px; margin:5px; padding:8px 0px 0px 8px; text-align:left; font-size:12px; }/*div contenant le titre*/
.box-content { padding:0px 2px 0px 5px;}/*contenu du module*/
.box-content p {}/*paragraphe*/
.box-content ul {margin:5px 0px; padding:0px; list-style-type:none;}/*liste*/
.box-content li {list-style-type:none; margin:5px 0px; padding:0px;}/*element d'une liste*/
.box-footer {display:none}
.box-content .listAll {display:block; text-align:right; font-weight:bold; font-style:italic;}
.box-content .listAll a {text-decoration:none;}
/*--Presentation----*/
#Presentation span {margin:3px 2px;}
#Presentation .box-titre {margin:3px; display:none; font-size:13px; font-family:"Times New Roman", Times, serif;}
#Presentation strong {font-weight:bold; font-size:100%;}

/* ---------------------Calendrier--------------------------------- */
#Calendrier .box-content{padding:0px; margin:0px}
.calendarTop1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; background-color:transparent; text-align:left; color:#9A1034}/*entete*/
.calendarToday1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#9A1034}/* Aujourd'hui */
.calendarDays1 {width:50px; height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; text-align:center; color:#000000;}/* lettre du mois */
.calendarHeader1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFF; background-color:#9A1034;}/* lettre de la semaine */
.calendarTable1 {border:0px none;}/* contour du calendrier */

/*-----------------Newsletter-----------------------------------*/
#divNewsletter h2 {text-align:center; font-size:13px; font-family:"Arial", Helvetica, sans-serif;}

/*titre de la page*/
#divNewsletter input {border:1px solid #ff3e96; border:1px solid #222;}/*champs de texte checkbox*/
#divNewsletter .newsletter li {}/*texte des checbox*/
#divNewsletter {background-color:#FFF; color:#000000;}

/*-----------------Recherche-----------------------------------*/
#Recherche {padding:0px;}
#Recherche form{padding:0px; margin:0px; }

/*-----------------Newsletter-----------------------------------*/
#Newsletter {padding:0px;}
#Newsletter form{padding:0px; margin:0px; }

/*------------------------Divers-----------------------------*/
#reglementBlog h1{font-family:"Arial", Helvetica, sans-serif; font-size:13px; color:#9A1034;}

/*-----------clic droit---------------------**/
#menuClicDroit {position:absolute; top:0px; left:0px; z-index:1000; visibility:hidden; background-color:#FFF; border:1px solid #6A152B; padding:3px;}
#menuClicDroit li {list-style-type:none; margin:0px; padding:0px}
#menuClicDroit ul {margin:0px; padding:0px}
#menuClicDroit span {display:block; margin-top:5px; margin-bottom:1px;}


/*------------------- Pages ----------------------------------*/
.page {background-color:#FFF; margin:5px;}
/*style general d'un article (http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/entete texte et pied)*/

.page p {}/*tous les paragraphes composant un article*/

.pageContent { margin-bottom:17px;}/*style du texte d'un article*/

.afterPage {width:100%; text-align:right; font-size:90%; margin:5px 5px 40px 0px; padding-top:20px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/separation.png); background-position:top; background-repeat:no-repeat;}

/*style du pied de l'article (http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/publie par, categorie, commentaire,recommander)*/

.beforePage {width:100%;}/*entete du blog contient la date*/

.divPageTitle h2 {text-decoration:none; color:#9A1034!important; font-size:18px; font-family:"Arial", Helvetica, sans-serif;}

/*lien sur le titre de l'article*/
.divPageTitle {background-color:#FFF; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/liseret.png); background-repeat:no-repeat; background-position:left; padding-bottom:9px;}

Modifié par Alizee971 (08 Apr 2009 - 22:50)
Bonsoir Alizee971,

Ta "bordure" provient de l'image de fond utilisée pour ton conteneur global :


#global {
padding:0px; 
margin:auto; 
position:relative; 
background:#FFF [#red]url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/fond.png)[/#] repeat-y 0 50%; 
color:#000000;
}

Laisses la couleur d'arrière-plan et enlèves l'image et tu devrais obtenir satisfaction, non ?
Sinon, quel est l'intérêt de définir plusieurs fois les mêmes propriétés pour les mêmes éléments (body par exemple) ?

Bonne continuation,
Cdt,
Sylvain
Modifié par 6l20 (08 Apr 2009 - 02:46)
Bonjour Sylvain,
Tu avais tout à fait raison (tu devait déjà t'en douter ceci dit) en enlevant l'image, je n'ai plus cette bordure qui m'embetais. Je te remercie beaucoup!
Sinon pour le reste du code, comme ça a été généré automatiquement par mon blog, je n'ai pas encore tout compris dans le détail, j'essaie d'y aller petit à petit mais il y a peut être encore des choses à modifier.
En tout cas merci tu m'enlèves un (gros) problème.
Bonne journée Smiley biggrin