Petit soucis profil

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

Résolu Petit soucis profil

Message par Bella Mary Cullen le Jeu 15 Aoû 2013 - 23:25

Bonsoir à tous,

Tout d'abord, désolé envers les personnes qui m'ont répondu dans mon dernier sujet mais j'ai eu quelques soucis de connexion, du coup, je repose mon problème mais un peu différemment cette fois-ci.

Ayant créé un profil personnalisé, je rencontre seulement quelques petits soucis. Voici en image :

Aperçu:

Dans le premier encadré rouge, je souhaiterais savoir comment espacer les deux informations, comme normalement, qu'ils ne se touchent pas. J'ai beau bidouillé mes codes, impossible de mettre un espace normal.

Ensuite dans le deuxième encadré, je souhaiterais savoir comment faire pour que le GIF ne puisse pas décaler le texte et le coller. J'ai vu un jour un sujet similaire mais impossible de le retrouver.

Pour vous aider, voici les codes qui touches à mon problème

HTML:

Code:
 <div class="profil-fond">
    
               <span class="postdetails poster-profile">
                <div class="avatar-fond"> {postrow.displayed.POSTER_AVATAR} </div>

    
   <span class="name"> <a name="{postrow.displayed.U_POST_ID}"></a>
    <div class="profil-fond2"> <center> <div class="profil-pseudo"><strong>{postrow.displayed.POSTER_NAME}</strong></div> </center> </span>
    
   
               <div class="profil-barre"></div>
   <center>{postrow.displayed.POSTER_RANK}</center> <div class="profil-barre"></div>
     <div style="padding-top:4px;"></div>
   
   
   
 <br><span class="profil_mess"> <!-- BEGIN profile_field -->
    <div style="line-height:8px;">  {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} </div>
   
   <!-- END profile_field --> </span> </div>
    
    {postrow.displayed.POSTER_RPG}
    
   
   
    </span> </div>

CSS:

Code:
.profil-fond {
line-height:12px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
padding:10px; }

.profil-fond2 {
line-height:12px;
padding:10px;
background-color: #FAF5F5;
-moz-border-radius:10px;
-webkit-border-radius:10px;
  border-radius: 10px;
        border-bottom: 4px solid #cccc99;
        border-top: 2px solid #cccc99;
        border-right: 2px solid #cccc99;
        border-left: 2px solid #cccc99;
text-align: justify; }

.profil-pseudo {
font-weight: bold;
FONT-STYLE: italic;
FONT-FAMILY: times new roman;
LETTER-SPACING: -2px;
FONT-SIZE: 25px;
text-align: center;
text-shadow: 0px 0px 1px;
TEXT-TRANSFORM: lowercase; }

.avatar-fond {
border: 6px solid #cccc99;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 13px;
        border-bottom: 6px solid #cccc99;
        border-top: 5px solid #cccc99;
        border-right: 5px solid #cccc99;
        border-left: 5px solid #cccc99;
}


.profil-barre {
display: block;
border-bottom: 5px dotted #EBD488;
padding-bottom:5px; }

        
  .profil_mess img{max-width: 180px;}

Merci à tous ceux qui prendrons la peine d'étudier ma demande.

Bonne soirée Smile!


Dernière édition par Bella Mary Cullen le Ven 16 Aoû 2013 - 12:30, édité 1 fois

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis profil

Message par Matriochka le Jeu 15 Aoû 2013 - 23:32

Bonsoir,

C’est sans doute parce que tu as justifié ton texte. Essayer de l’aligner vers la gauche, voir si tu as toujours le souci ?

Sinon, tu peux aussi masquer l’affichage de "Diary :" en choisissant dans Panneau d’admin > Utilisateurs et groupes > Profils > Diary > edit d’afficher le champ sous forme d’icône uniquement.

EDIT : Ah, j’ai oublié de répondre à la première question. Pour ça il faut modifier l’interligne, qui est désignée dans ton CSS par line-height Wink

Matriochka
+ Hyperactif +

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

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

Résolu Re: Petit soucis profil

Message par Bella Mary Cullen le Ven 16 Aoû 2013 - 12:30

Eh bien c'était aussi bête que ça Smile

Grâce à vos conseils tout est en ordre !

Merci beaucoup de votre aide !!!

Bonne journée !


Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen 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