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

2 participants

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

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 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

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 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

Mapaca
**

Messages : 63
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◦ Sam 13 Fév 2016 - 10:48

Avec plaisir. Very Happy

Bien cordialement.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 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 ?
Longueur de la barre verticale séparant la case profil du message Captur15
Mapaca

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Sam 13 Fév 2016 - 11:19

fait
Mapaca

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Sam 13 Fév 2016 - 11:25

ça ne va pas : Longueur de la barre verticale séparant la case profil du message Captur16
Mapaca

Mapaca
**

Messages : 63
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◦ Sam 13 Fév 2016 - 11:27

Retirez le SVP.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Sam 13 Fév 2016 - 11:28

^^ je l'ai fait immédiatement
Mapaca

Mapaca
**

Messages : 63
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◦ Sam 13 Fév 2016 - 11:41

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

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Sam 13 Fév 2016 - 11:42

entendu.

Merci beaucoup pour le temps que vous prenez
Mapaca

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 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)
Longueur de la barre verticale séparant la case profil du message Captur19

mais, pour le post d'origine :
en haut :
Longueur de la barre verticale séparant la case profil du message Captur17

en bas :
Longueur de la barre verticale séparant la case profil du message Captur18
Mapaca

Mapaca
**

Messages : 63
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◦ Sam 13 Fév 2016 - 11:53

Retirez le code, je regarde ce soir. Wink
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Sam 13 Fév 2016 - 11:55

merci !
Mapaca

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 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

Mapaca
**

Messages : 63
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◦ 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◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ 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