Longueur de la barre verticale séparant la case profil du message

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

Résolu Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 0:11

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis le début
Lien du forum : http://at-d-compagnonnettes.forumactif.org/

Description du problème

Bonjour !

Lors de la mise en route de notre forum (nous sommes 4 admins), nous avons découvert que la barre verticale séparant la partie profil/avatar du message n'allait pas jusqu'en bas. Après plusieurs recherche sur ce forum, nous n'avons toujours pas trouver la réponse. Heeeeelp !!!!! Wink

Merci à celui ou ceux qui nous accordera un peu de temps (mais, soyons honnêtes, on a un paquet de questions !! ^^)

Mapaca


Dernière édition par Mapaca le Sam 13 Fév 2016 - 12:25, édité 3 fois

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 3:00

Bonjour Mapaca, dans votre CSS, Remplacez :

Code:
.postprofile {
    border-color: #f29705;
    border-right-style: solid;
    border-right-width: 1px;
    color: #e35c0d;
    display: inline;
    float: left;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

Par :

Code:
.postprofile {
    border:none;
    color: #e35c0d;
    display: inline;
    float: left;
    margin: 5px -5px 0;
    min-height: 80px;
    position: relative;
    width: 17%;
    word-wrap: break-word;
}

Remplacez aussi :

Code:
.postbody {
    clear: both;
    color: #e35c0d;
    float: right;
    line-height: 1.48em;
    padding: 0;
    width: 76%;
}

Par :

Code:
.postbody {
    border-left:1px solid #f29705;
    clear: both;
    color: #e35c0d;
    float: right;
    line-height: 1.48em;
    padding: 0;
    width: 82%;
    margin-left:10px;
}

Et enfin, ajoutez ceci :

Code:
.content,.signature_div{margin-left:10px;}

Pour les prochaines fois, il serait vraiment très utile que vous retiriez votre anti-clic droit car cela est très ennuyant pour pouvoir vous aider.

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 10:39

Merci beaucoup pour cette réponse mais cela me révèle un autre problème : j'ai bien vu ou lire le CSS de base mais pas comment le modifier... scratch

C'est bien noté pour l'interdiction de clic droit, je vois pour le retirer pour le moment

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 10:44

Bonjour, sur l'autre feuille de style css, il n'y a rien ? Si il n'y a rien, mettez directement sur cette page vierge :

Code:
.postprofile {
    border:none;
    color: #e35c0d;
    display: inline;
    float: left;
    margin: 5px -5px 0;
    min-height: 80px;
    position: relative;
    width: 17%;
    word-wrap: break-word;
}
.postbody {
    border-left:1px solid #f29705;
    clear: both;
    color: #e35c0d;
    float: right;
    line-height: 1.48em;
    padding: 0;
    width: 82%;
    margin-left:10px;
}
.content,.signature_div{margin-left:10px;}

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 10:47

Yes !!!!! (et non, sur la "feuille de style CSS", il n'y a que le code pour supprimer la box de recherche)
Merci beaucoup !!!!

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 10:48

Avec plaisir. Very Happy

Bien cordialement.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 10:52

Oups... un dernier petit réglage : quand le message est court, cette barre verticale s'arrete en bas de la signature et ne va pas jusqu'en bas de la case "profil". Comment la rallonger ?

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 11:08

Pouvez-vous retirer le code que je vous ai donné s'il vous plait, le temps que je regarde quelque chose.

Merci.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 11:19

fait

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 11:23

Donc, ne remettez pas le premier code mais celui-ci:

Code:
div.inner {
background-image:url(http://image.noelshack.com/fichiers/2016/06/1455358131-aaa.png);
background-repeat : no-repeat ;
background-position:160px}
.postbody{border:none}



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 11:25

ça ne va pas :

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 11:27

Retirez le SVP.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 11:28

^^ je l'ai fait immédiatement

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 11:41

Pouvez-vous laisser comme ceci pour le moment ? Je regarde cet après-midi.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 11:42

entendu.

Merci beaucoup pour le temps que vous prenez

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 11:46

Arffff !! Ceci devrait convenir:

Code:
.post  {
background-image:url(http://image.noelshack.com/fichiers/2016/06/1455358131-aaa.png);
background-repeat : no-repeat ;
background-position:190px}
.postprofile{border:none;
}
.postbody{padding:5px}



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 11:51

alors, c'est étrange car ça marche presque nickel pour les réponses (c'est bien que la barre soit un peu plus à gauche mais là, c'est un poil trop ou alors il faut pouvoir renvoyer à la ligne dans la partie profil)


mais, pour le post d'origine :
en haut :


en bas :

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 11:53

Retirez le code, je regarde ce soir. Wink



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 11:55

merci !

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 12:09

Je vous propose ceci, est-ce que cela vous conviendrait ?

Code:
div.postbody {
border:1px solid #f29705;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
padding:5px;}
.postprofile{border:none;}



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par Mapaca le Sam 13 Fév 2016 - 12:25

Cela fait un cadre juste autour du message mais, a priori, cela nous convient.

Encore une fois, merci infiniment !!

Mapaca
**

Messages : 57
Inscrit(e) le : 12/02/2016

http://at-d-compagnonnettes.forumactif.org/
Mapaca a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Longueur de la barre verticale séparant la case profil du message

Message par ◦Jay◦ le Sam 13 Fév 2016 - 12:34

Oui, encadrer le message est le mieux que j'ai pensé pour que cela soit harmonieux sans passer par le templates.

Bien cordialement.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2513
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ 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