Champ barre; images espacées

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Champ barre; images espacées

Message par SweetyBB Jeu 13 Juin 2013 - 11:38

Bonjour à tous !
 
Je viens avec un nouveau souci d’apparence. J’ai ajouté un champ barre à mon profil, mais que ce soit dans les messages, dans le profil en lui-même ou même dans la feuille de personnage, les images constituant la barre ne sont pas collées et laissent donc un espace… Un peu gênant.
 
Image :

Champ barre; images espacées 838395barre

1) Dans message
2) dans feuille de personnage
3) dans le profil
 
Question : d’où peut provenir ce problème ? J’ai vérifié mes codes, rien n’est en justify, tout en aligné à gauche.
 
Merci à vous pour votre aide. Si vous avez besoin d’informations complémentaires n’hésitez pas à le demander.


Dernière édition par SweetyBB le Ven 14 Juin 2013 - 14:03, édité 1 fois
SweetyBB

SweetyBB
*

Messages : 30
Inscrit(e) le : 09/05/2009

http://rpgiletaitunefois.lesmots.net/
SweetyBB a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champ barre; images espacées

Message par Matriochka Ven 14 Juin 2013 - 11:28

Bonjour,

Quel est le forum concerné ? Un visuel direct serait plus pratique pour cerner le problème Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champ barre; images espacées

Message par SweetyBB Ven 14 Juin 2013 - 11:40

Il s'agit de mon forum de test, je vous transmet le lien d'un sujet visible: http://miami-crime.forumactif.org/t9-nos-partenaires

Merci de votre réactivité (:
SweetyBB

SweetyBB
*

Messages : 30
Inscrit(e) le : 09/05/2009

http://rpgiletaitunefois.lesmots.net/
SweetyBB a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champ barre; images espacées

Message par Matriochka Ven 14 Juin 2013 - 11:56

Peux-tu m’envoyer ici ton CSS ? Il semblerait qu’une ligne soit l’origine du souci…
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champ barre; images espacées

Message par SweetyBB Ven 14 Juin 2013 - 12:01

Alors voici mon CSS intégrale

Code:
/*DEBUT CSS CATEGORIES & FORUMS*/
.ieufcategorie {
  width:450px;
  height: 80px;
  -webkit-box-shadow: inset 0px 0px 20px 2px #F74225; box-shadow: inset 0px 0px 20px 2px #F74225;
  background-color:#FA816B;
  border-left : 3px solid #F74225 ;
  border-right: 3px solid #F74225 ;
  border-top: 3px solid #F74225 ;
  border-top-left-radius:px;
  border-top-right-radius:px;
  border-bottom-left-radius:90px;
  border-bottom-right-radius:90px;
  padding:5px;
  align : center; 
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:px; 
  text-align:justify;
  -webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}


.descarda {
  height: 40px;
  overflow : auto ;
  padding:5px;
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:px; 
  text-align:justify;}

.ieuflastpost {
  padding:10px;
  background-color:#FA816B;
  -webkit-box-shadow: inset 0px 0px 20px 2px #F74225; box-shadow: inset 0px 0px 20px 2px #F74225;
  border-top-left-radius:0px;
  border-top-right-radius:90px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:90px;
  border-right:5px solid #F74225;border-bottom:2px solid  #F74225;
-webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}

table.haut_cate{
   width:800px;
   height:124px;
   background-image:url('http://img11.hostingpics.net/pics/317831Hautcat.png');
   background-repeat:no-repeat;
   margin:auto;
   }

table.bas_cate{
   width:800px;
   height:154px;
   background-image:url('http://img15.hostingpics.net/pics/559711bascat.png');
   background-repeat:no-repeat;
   margin:auto;
   }

/*FIN CSS CATEGORIES & FORUMS*/


/*QEEL*/

.cadreqeel2 {
  width:230px;
  height: 260px;
  -webkit-box-shadow: inset 0px 0px 20px 2px #E2D7C4; box-shadow: inset 0px 0px 20px 2px #E2D7C4;
  background-color:#F4F0EA;
  border : 3px solid #E2D7C4 ;
  padding:5px;
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:18px; 
  text-align:justify;
  -webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}

.cadreqeel3 {
  width:250px;
  height: 260px;
  -webkit-box-shadow: inset 0px 0px 20px 2px #E2D7C4; box-shadow: inset 0px 0px 20px 2px #E2D7C4;
  background-color:#F4F0EA;
  border : 3px solid #E2D7C4 ;
  padding:5px;
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:18px; 
  text-align:justify;
  -webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}

.titreqeel {
font-family:Pirata One;
  font-size: 58px;
  letter-spacing: -1px;
  text-align:center;
  text-shadow: 2px 2px 0px #BB2206;
  text-transform: lowercase;
  margin-top:20px;
  color:#F74225;
  }

.copyrights{
  background-color:#F4F0EA;
width:245px;
  height: autopx;
  border : 1px solid #DFD2BD;  
font-size: 8px;
  letter-spacing:2px;
  line-height: normal;
  font-family:Times New Roman;
  color :#F85234;
  text-transform:uppercase;
text-align:center;
}

.weekmemberimg{
   margin-top: -5px;
   padding:2px;
   border:#454545 solid 1px;
   opacity:0.9;
   width:120px;
   align : center;
}

.weekmemberimg:hover{
   opacity:1;
   }
/*QEEL*/


/*DEBUT CSS PA*/
.PATITRE {
  width:700px;
  height: 30px;
  -webkit-box-shadow: inset 0px 0px 20px 2px #E2D7C4; box-shadow: inset 0px 0px 20px 2px #E2D7C4;
  background-color:#F4F0EA;
  border-left : 3px solid #E2D7C4 ;
  border-right: 3px solid #E2D7C4 ;
  border-top: 3px solid #E2D7C4 ;
  border-top-left-radius:90px;
  border-top-right-radius:90px;
  border-bottom-left-radius:px;
  border-bottom-right-radius:px;
  padding:5px;
  align : center; 
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:px; 
  text-align:justify;
}

.PA1 {
  width:350px;
  height: 150px;
  -webkit-box-shadow: inset 0px 0px 20px 2px #E2D7C4; box-shadow: inset 0px 0px 20px 2px #E2D7C4;
  background-color:#F4F0EA;
  border-left : 3px solid #E2D7C4 ;
  border-right: 3px solid #E2D7C4 ;
  border-top: 3px solid #E2D7C4 ;
  border-top-left-radius:45px;
  border-top-right-radius:45px;
  border-bottom-left-radius:px;
  border-bottom-right-radius:px;
  padding:5px;
  align : center; 
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:px; 
  text-align:justify;
}

.PA2 {
  width:350px;
  height: 150px;
  -webkit-box-shadow: inset 0px 0px 20px 2px #E2D7C4; box-shadow: inset 0px 0px 20px 2px #E2D7C4;
  background-color:#F4F0EA;
  border-left : 3px solid #E2D7C4 ;
  border-right: 3px solid #E2D7C4 ;
  border-top: 3px solid #E2D7C4 ;
  border-top-left-radius:px;
  border-top-right-radius:px;
  border-bottom-left-radius:45px;
  border-bottom-right-radius:45px;
  padding:5px;
  align : center; 
  font-size: 12px;  
  letter-spacing:-1px; 
  margin-top:px; 
  text-align:justify;
}

/*FIN CSS PA*/


/*DEBUT CSS POUR VU DES PROFILS*/
.contouravatar {
  background-color: #E8DED0;
  border: 1px solid #DED0BC;
  letter-spacing: -1px;
  width:200px;
  height:auto;
  text-align:justify;
  padding:5px;
  font-size:10px; 
}

.doublecontourprof {
  background-color: #9ACCAF;
  width: 220px;
  height: autopx;
  border: px solid #9ACCAF;
  border-radius:25px;
}


.pseudo{
font-size: 25px;
font-family: Great Vibes, Vivaldi, Vivaldi Italic, Pristina, Times New Roman;
text-shadow: 0px 0px 5px #F0EBE1;
margin-bottom: 10px;
}

.contourinfoprofil{
  background-color: #E8DED0;
  border: 1px solid #DED0BC;
  letter-spacing: px;
  width:200px;
  height:auto;
  text-align:left;
  line-height:11px;
  padding:5px;
  font-size:11px; 
}

.img_comments img {
    padding:5px;
max-width: 190px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

.iletaitunefois {
  font-size: 8px; letter-spacing:2px;line-height: normal;font-family:Courier New;color :#DCCDB8;margin:10px;text-transform:uppercase;
}

.avatarfondu { margin-top:-10px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;opacity:1;
filter:alpha(opacity=1); /* For IE8 and earlier */
   -webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
.avatarfondu:hover, date7:focus { -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;opacity:0.7;
filter:alpha(opacity=0.7); /* For IE8 and earlier */}

.petitedeco {
  font-size: 13px; letter-spacing:2px;line-height: 11px;font-family:Courier New;color :#DCCDB8;margin:5px;text-transform:uppercase;
}

/*Début CSS rang */
.descrang {
font-size: 12pt;
   line-height: 96%;
  font-family: Times New Roman;
  LETTER-SPACING: -2px;
  color: #F73311;
}
/*Fin CSS rang */
/*FIN CSS POUR VUE DES PROFILS*/

/* DEBUT ZONE DES MESSAGES */
.vuemess{
   -webkit-box-shadow: inset 0px 0px 20px 2px #EAE1D0; box-shadow: inset 0px 0px 20px 2px #EAE1D0;
background-color:#F2EDE1;padding-left: 20px;
padding-bottom: 20px;
width:autopx;
padding-right: 20px;
text-align:justify; border:1px solid #EAE1D0;
}

/*FIN ZONE DES MESSAGES*/

/*DEBUT CSS INFOS*/
.contourinfo {
width:autopx;
background-color:#E8DED0;
border : 3px solid #9ACCAF ;
box-shadow:2px 2px 2px #6DB68C;
height:autopx;
padding:40px;
}

.separationinfo {
border-bottom:2px solid #CC2406;
  margin-top:-20px;
}

.administration {
text-align:center;
 font-size: 40px;
  line-height: normal;
  font-family:Old English Text MT, Times New Roman;
  color :#F84627;
  text-shadow:0px 0px 2px #CC2406;
  letter-spacing:-2px;
}
/*FIN CSS INFOS*/


/* DEBUT CSS liens*/
a {text-decoration: none; }
a:link {text-decoration: none;  font-weight:bold; -webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */ }
a:hover {text-decoration: none!important; text-shadow: 0px 0px 5px #CDDDAE;
}


.forumlink {
    font-family: 'Bilbo Swash Caps', cursive;
  letter-spacing:-1px;
  text-decoration: none!important;
  text-shadow:0px 0px 5px #CDDDAE;
  font-size: 28px;
}

a.topiclink {text-decoration: none; font-weight:bold; -webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */ }
a.topiclink:hover {text-decoration: none!important; text-shadow: 0px 0px 5px #CDDDAE;
 }

  a.mainmenu {
   color:#E32909!important;
  font-family:'Pirata One';text-transform:;
 font-size:16px!important;  text-align:center;font-weight:normal!important;
}
/*Fin CSS liens*/

/*DEBUT CSS POUR BASES DU FORUM*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
    background: url("http://img15.hostingpics.net/pics/303913fondvote.gif") no-repeat scroll 0 0 transparent;
    color: #CA595C;
    font-size: 10px;
    font-weight: 700;
    height: 17px;
    padding-top: 2px;
    text-align: center;
    width: 27px;
}
I{border-bottom:none; color:#9ACCAF;text-decoration: none;
        }

.warningmessage{
font-size: 8px;
  letter-spacing:2px;
  line-height: normal;
  font-family:Times New Roman;
  color :DarkRed;
  margin-top:-10px;
  text-transform:uppercase;
text-align:center;
}

body{
margin: 0px;
}
.bodyline { /*bodure du cadre du forum + fond du cadre du forum*/
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
width;autopx;
-moz-box-shadow: 0px 0px 10px #;
-webkit-box-shadow: 0px 0px 10px #;
box-shadow: 0px 0px 10px #;
border-right: 10px #F74225 solid;
border-left: 10px #F74225 solid;
background-color:#9ACCAF;
background-attachment: fixed;
background-image: url("");
background-repeat: repeat;
background-position: top left;
}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; } /*enlève le "dernière édition le...*/

::-webkit-scrollbar {width:8px; background:#; opacity:0.9; }
::-webkit-scrollbar-button:vertical {width:8px; height:3px; display:block; background:#BB2206; border: 0pt solid #;}
::-webkit-scrollbar-thumb:vertical {background:#BB2206; border-top: 0px solid #; border-top: 0px solid #;}
::-webkit-scrollbar-button:horizontal {width:3px; display:block; background:#BB2206; border: 0pt solid #;}
::-webkit-scrollbar-thumb:horizontal {background:#BB2206; border-top: 0px solid #; border-top: 0px solid #;}
::-webkit-scrollbar-track-piece {background:#E2D7C4; border-right: 0pt solid #;}

.code /*pour balises code*/
{
background: #EEEBF1;
border-left: 5px solid #35303C;border-right: 5px solid #35303C;
border-radius:10px;
  padding:5px;
-webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}

.quote /*pour balises citation*/
{
background: #EEEBF1;
border-left: 5px solid #35303C;border-right: 5px solid #35303C;
border-radius:10px;
   padding:5px;
-webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}


.spoiler /*pour balises spoiler*/
{
border-radius:10px;
  border-left: 5px solid #35303C;border-right: 5px solid #35303C;
-webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
 
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed
{

background: #EEEBF1;
border-radius:10px;
   padding:5px;
}


.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*FIN CSS POUR BASES DU FORUM*/



        .postprofile {text-align:left;}












































/* DEBUT CSS Fiche de présentation + scénario*/
.pseudofiche {
text-align:center;
font-size: 40px;
line-height: normal;
font-family:Vivaldi, Vivaldi Italic;
color :#5E4A58;
text-shadow:0px 0px 2px #816578;
letter-spacing:-3px;
}

.titresfiche {
text-align:center;
font-size: 30px;
line-height: normal;
font-family:Old English Text MT;
color :#5E4A58;
text-shadow:0px 0px 2px #816578;
letter-spacing:-1px;
}

.contourfiche {
width:autopx;
background-color:#D3CCDB;
border : 3px solid #4D4757 ;
box-shadow:2px 2px 2px #4D4757;
height:autopx;
padding:20px;
}

.contourpartiefiche1 {
width:240px;
background-color:#C2B8CF;
border : px solid #4D4757 ;
-webkit-box-shadow: inset 0px 0px 20px 2px #4D4757; box-shadow: inset 0px 0px 20px 2px #4D4757;
height:autopx;
padding:5px;
align :  center;
}

.contourpartiefiche2 {
width:500px;
border : 1px solid #4D4757 ;
box-shadow:2px 2px 2px #4D4757;
height:350px;
padding:5px;
align :  center;
}

.contourpartiefiche3 {
width:210px;
background-color:#C2B8CF;
border : px solid #4D4757 ;
-webkit-box-shadow: inset 0px 0px 20px 2px #4D4757; box-shadow: inset 0px 0px 20px 2px #4D4757;
height:autopx;
padding:5px;
align :  center;
}

.contourpartiefiche4 {
width:370px;
background-color:#C2B8CF;
border : px solid #4D4757 ;
-webkit-box-shadow: inset 0px 0px 20px 2px #4D4757; box-shadow: inset 0px 0px 20px 2px #4D4757;
height:autopx;
padding:5px;
align :  center;
}

.contourcontexte {
width:450px;
background-color:#B19CAB;
border : px solid #5E4A58 ;
box-shadow:2px 2px 2px #5E4A58;
height:autopx;
padding:5px;
align :  center;
  font-size: 14px;
  letter-spacing:-1px;
  font-family:Times New Roman;
  margin-top:-10px;
  text-align:justify;
}

.date2 {
padding:2px;
    border:1px solid #dac6ba;
      opacity:1;
filter:alpha(opacity=0.5); /* For IE8 and earlier */
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
.date2:hover {
   border:1px solid #922528;
      opacity:0.7;
filter:alpha(opacity=1); /* For IE8 and earlier */
  }

/* DEBUT CSS Fiche scénario*/

.contoursliens {
background: #675C72;
width: 505px;
border : 1px solid #463F4E ;
box-shadow:2px 2px 2px #463F4E;
height: 130px;
}

.titresliens {
font-size: 26pt;
font-family: vivaldi, Vivaldi Italic;
font-weight:bold;
LETTER-SPACING: -2px;
color: #463F4E;
text-align: center;
}

.descliens {
padding-top: 2px;
padding-right: 10px;
padding-left: 20px;
padding-bottom: 15px;
font-size: 11px;
width:90%;
margin: auto;
height : 72px ;
overflow : auto ;
}

/* FIN CSS Fiche de présentation + scénario*/




































/* DEBUT CSS CB*/
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: #c2b8cf;
}
        body.chatbox {
            background-color: #c2b8cf;
            background-image: none;
  -webkit-box-shadow: inset 0px 0px 20px 2px #31283C; box-shadow: inset 0px 0px 20px 2px #31283C;
        }

/*FIN CSS CB*/








/*Début CSS des différentes listes */

.contourliste {
background-color:#f2ebe4;
  height:autopx;
  border-top:1px solid none;
  width:300px;
  padding:15px;
  text-align:justify;
  font-family:Times New Roman;
  font-size:12px;
  line-height:11px;
  border:solid 2px #000000;
}

.enteteliste {
font-size: 26pt;
  font-family: brush script MT;
  LETTER-SPACING: -2px;
  text-style: italic;
  text-align: center;
  color: #990E0E;
}
/*FIN CSS des différentes listes */




et voici la partie qui concerne le profil des messages:
Code:
/*DEBUT CSS POUR VU DES PROFILS*/
.contouravatar {
  background-color: #E8DED0;
  border: 1px solid #DED0BC;
  letter-spacing: -1px;
  width:200px;
  height:auto;
  text-align:justify;
  padding:5px;
  font-size:10px; 
}

.doublecontourprof {
  background-color: #9ACCAF;
  width: 220px;
  height: autopx;
  border: px solid #9ACCAF;
  border-radius:25px;
}


.pseudo{
font-size: 25px;
font-family: Great Vibes, Vivaldi, Vivaldi Italic, Pristina, Times New Roman;
text-shadow: 0px 0px 5px #F0EBE1;
margin-bottom: 10px;
}

.contourinfoprofil{
  background-color: #E8DED0;
  border: 1px solid #DED0BC;
  letter-spacing: px;
  width:200px;
  height:auto;
  text-align:left;
  line-height:11px;
  padding:5px;
  font-size:11px; 
}

.img_comments img {
    padding:5px;
max-width: 190px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}

.iletaitunefois {
  font-size: 8px; letter-spacing:2px;line-height: normal;font-family:Courier New;color :#DCCDB8;margin:10px;text-transform:uppercase;
}

.avatarfondu { margin-top:-10px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;opacity:1;
filter:alpha(opacity=1); /* For IE8 and earlier */
   -webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
.avatarfondu:hover, date7:focus { -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;opacity:0.7;
filter:alpha(opacity=0.7); /* For IE8 and earlier */}

.petitedeco {
  font-size: 13px; letter-spacing:2px;line-height: 11px;font-family:Courier New;color :#DCCDB8;margin:5px;text-transform:uppercase;
}

/*Début CSS rang */
.descrang {
font-size: 12pt;
   line-height: 96%;
  font-family: Times New Roman;
  LETTER-SPACING: -2px;
  color: #F73311;
}
/*Fin CSS rang */
/*FIN CSS POUR VUE DES PROFILS*/

Merci de ton aide **
SweetyBB

SweetyBB
*

Messages : 30
Inscrit(e) le : 09/05/2009

http://rpgiletaitunefois.lesmots.net/
SweetyBB a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champ barre; images espacées

Message par Matriochka Ven 14 Juin 2013 - 12:02

Voilà :
Code:
.img_comments img {
    padding:5px;
max-width: 190px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
Tu as mis padding:5px; sur l’ensemble des images une marge externe de 5 pixels, ce qui fait que la barre n’est pas collée Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Champ barre; images espacées

Message par SweetyBB Ven 14 Juin 2013 - 14:03

Tout s'explique ! Heureuse que la réponse soit si simple !

Merci beaucoup de ton aide en tout cas Very Happy
SweetyBB

SweetyBB
*

Messages : 30
Inscrit(e) le : 09/05/2009

http://rpgiletaitunefois.lesmots.net/
SweetyBB a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum