Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Champ barre; images espacées

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

Résolu Champ barre; images espacées

Message par SweetyBB le 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 :



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
avatar

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 le Ven 14 Juin 2013 - 11:28

Bonjour,

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

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 le 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é (:
avatar

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 le Ven 14 Juin 2013 - 11:56

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

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 le 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 **
avatar

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 le 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

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 le 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
avatar

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


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