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

placement d'une image dans la description

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

placement d'une image dans la description

Message par Juillet le Dim 28 Oct 2018 - 8:18

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum : http://mintmeow.forumactif.com/

Description du problème

bonjour à tous Very Happy
j'essaye de placer une image dans la description des caté pour que ça ressemble à quelque chose comme ceci :
Spoiler:
mais elle se retrouve en décalé par rapport aux titres. est-ce que vous auriez une solution ? I love you

code dans description
Spoiler:
Code:
<img class="imgcat" src="https://78.media.tumblr.com/03982eeebfce881e5511c9767dcc1d67/tumblr_odd35w3Np71usdjx7o2_500.gif" />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

css
Spoiler:
Code:
/* CATEGORIES */
.forumname {color: #424242; font-family: 'Chonburi', cursive; letter-spacing: -1px; font-size: 15px; text-transform: lowercase;}
ecrits {color : #BDB76B ; font-family: 'Chonburi', cursive; letter-spacing: 0px;  font-size: 10px; font-weight: 000; text-align: center; text-transform: uppercase;}
synopsis {ont-family: 'Josefin Sans', sans-serif; display:block;display: inline-block; margin:auto; color : #424242 ; letter-spacing: 0px;  font-size: 10.5px; text-align: center; text-transform: uppercase;}
resume { color: #6A6A6A; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; line-spacing: 5px;  font-size: 10px; text-transform: lowercase;}
.oeuvre { color : #1A1A1A; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; font-size: 11px; text-transform: uppercase;}
.solaire {margin-left: 25px; overflow: auto; position: relative; text-align: justify; width: 510px; size: 10.5px; text-align: center; text-transform: uppercase;}
resume { color: #6A6A6A; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; line-spacing: 5px;  font-size: 10px; text-transform: lowercase;}

.bas2 { color: #fcfbfb; font-size: 10px; text-transform: uppercase; }
.bas2 a { color: #909090; font-family: montserrat; font-size: 6px; font-weight: 900; letter-spacing: 2px; margin: 5px;  }

pm { color: #828282; font-family: arial; font-size: 8; font-weight: 900; font-style: italic; letter-spacing: .5px; text-transform: lowercase; }
.cate_titre { background-image: url(https://image.noelshack.com/fichiers/2018/43/5/1540556588-ygrq7nve-o.png); color: #1A1A1A; padding: 5px; height: 20px; text-align: center; width: 800px; }
.cate_titre h2 { margin-top:5px; color: #1A1A1A; font-family: 'Chonburi', cursive; font-size: 11px; font-weight: 400; line-height: 8px;text-transform: lowercase; }
a.nav ecrits{color:#1A1A1A;} /*changer couleur titre catégorie hors PA*/
.categorie { background: #faf9f9;  margin: auto; width: 800px; }
.forum { background: #faf9f9; margin-bottom: 5px; padding: 2px 2px 13px; }
.foname {  color : #1A1A1A; font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0px; font-weight: 800; font-size: 13px; text-transform: uppercase; margin-right : 6px; line-height: 13px;}
.foname a { color: #1A1A1A; float: left; }
st { color: #d0D0D0; font-family:  'Raleway', sans-serif; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 1; text-transform: lowercase; margin-right: 10px; }
st:hover { color: #d0d0d0; font-style: italic; }
pt { color: #dbdbdb; font-size: 10px; margin-right: 5px; }
.description { color: #6a6a6a; border-bottom : solid 1px #BDB76B; display: inline-block; font-family: roboto; font-size: 12px; letter-spacing: 1px; font-weight: 400; height: 55px; margin-top: 10px; overflow: auto; padding: 2px; position: relative; text-align: justify; width: 430px; }
.description::-webkit-scrollbar { width: 2px;height: 2px; background-color: #6a6a6a;}
.description::-webkit-scrollbar-track {  background-color: #6a6a6a;}
.description::-webkit-scrollbar-thumb {background-color: #e1e0e0;}
.illu { float: right; margin-left: 10px; margin-bottom: 5px; background: #e9e9e6; padding: 5px; }
/**/.stats_last { background: #FAF9F9;  display: block; font-family: arial; height: 30px; margin-left: 10px; margin-right: 10px;  position: relative; margin-top: 5px; padding: 10px;text-transform: uppercase; width: 115px; }
.stats { background: #6a6a6a; display: inline-block; color: #fcfbfb; font-family: 'Raleway', sans-serif; font-size: 7px; font-weight: 800; line-height: 13px; margin-left: 11px; text-align: center; text-transform: uppercase; width: 133px; }
.last { color: #6a6a6a; display: block; font-family: arimo; font-size: 9px; margin-top: -5px; text-align: center; text-transform: lowercase; }
.last a { color: #898d90; font-family: arial; font-size: 10px; font-weight: 100; letter-spacing: .8px; text-transform: lowercase; }
.sous_forum { color: #F0F0F0; display: block; font-family: 'Raleway', sans-serif; font-size: 10px; margin-top: 3px; font-weight: 700; letter-spacing: .5; text-transform: uppercase; }
.sous_forum a { color: #F0F0F0; font-size: 8px; margin-bottom: 5px; }
.deco { background: #f1f1f1;  margin-left: 10px; padding: 5px; position: relative; top: 5px; width: 125px; }
.backst { background: #6a6a6a; left: 6px; margin-top: -20px; position: relative; top: 15px; height: 12px; width: 140px; }
.sforums { color: #fcfbfb; font-family: 'Raleway', sans-serif; font-size: 7px; font-weight: 900; line-height: 12px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; }

.sfFRM { background-image: url(https://image.noelshack.com/fichiers/2018/43/5/1540556520-ygrq7nve-o.png); margin-top: -15px; opacity: .6; display: inline-block; height: 55px; margin-left: 6px; margin-right: 15px; overflow: hidden; position: relative; width: 140px; }
.sfFRM::-webkit-scrollbar { width: 2px;height: 2px; background-color:  #6a6a6a;}
.sfFRM::-webkit-scrollbar-track {  background-color:  #6a6a6a;}
.sfFRM::-webkit-scrollbar-thumb {background-color: #e1e0e0;}
.sfFRM div {position:relative;width:160px; height:100px; overflow:hidden;}
.sfFRM div div { -webkit-transform: translateY(160px); -webkit-transition: all .65s linear; background: #fcfbfb6e; font-family: muli; font-size: 5px; font-weight: 800; height: 50px; overflow: auto; padding: 5px; text-align: justify; text-transform: uppercase; transform: translateY(160px); transition: all .65s linear; width: 130px; }
.sfFRM:hover div div { transform:translateX(0px); -webkit-transform:translateX(0px);}
.sfFRM a {color : #1A1A1A!important; font-family: 'Raleway', sans-serif; display: inline-block; letter-spacing: 0px; font-weight: 800; line-height: 5px; font-size: 4px; text-transform: uppercase; width: 130px; }
.sfFRM div div::-webkit-scrollbar { width: 2px;height: 2px; background-color: #6a6a6a;}
.sfFRM div div::-webkit-scrollbar-track {  background-color: #6a6a6a;}
.sfFRM div div::-webkit-scrollbar-thumb {background-color: #e1e0e0;}

.imgcat { filter: grayscale(60%); float: left; height: 30px; margin: 4px; object-fit: cover; opacity: .5; position: relative; right: 5px; top: 5px; width: 40px; }

index-box
Spoiler:
Code:
<!-- BEGIN forumrow -->
  <div class="forum">
   
<table><tr>
  <td><div class="sfFRM"><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div>
        <div class="backst"><div class="sforums">⊱ sous-forums </div> </div>  </td><td><div align="justify"><div class="foname">

  <span class="description"><div class="foname">  <a class="foname" href="{catrow.forumrow.U_VIEWFORUM}">
 {catrow.forumrow.FORUM_NAME}</a></div>{catrow.forumrow.FORUM_DESC}</span></div></td>

  <td> <span class="stats_last">
    <span class="last">{catrow.forumrow.LAST_POST}</span></span>
    <span class="stats">{catrow.forumrow.TOPICS} sujets ⊱ {catrow.forumrow.POSTS} messages</span>  </td>

  </tr></table></div>
   <!-- END forumrow -->

Merci d'avance pour votre aide Smile
avatar

Juillet
*

Féminin
Messages : 35
Inscrit(e) le : 26/06/2011

http://mintmeow.forumactif.com/
Juillet a été remercié(e) par l'auteur de ce sujet.

Re: placement d'une image dans la description

Message par Chacha le Dim 4 Nov 2018 - 10:06

Bonjour,

Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57989
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Re: placement d'une image dans la description

Message par Juillet le Dim 4 Nov 2018 - 10:18

up
avatar

Juillet
*

Féminin
Messages : 35
Inscrit(e) le : 26/06/2011

http://mintmeow.forumactif.com/
Juillet a été remercié(e) par l'auteur de ce sujet.

Re: placement d'une image dans la description

Message par Chacha le Sam 10 Nov 2018 - 9:45

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57989
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Re: placement d'une image dans la description

Message par PHOENIX_VINCENT le Sam 10 Nov 2018 - 10:37

@Juillet a écrit:

Description du problème



bonjour à tous Very Happy
j'essaye de placer une image dans la description des caté pour que ça ressemble à quelque chose  

Bonjour

es tu sûr de mettre l'image au bon endroit

avatar

PHOENIX_VINCENT
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 10/08/2018

http://straight-six.forumactif.com/
PHOENIX_VINCENT a été remercié(e) par l'auteur de ce sujet.

Re: placement d'une image dans la description

Message par Chacha le Dim 11 Nov 2018 - 10:06

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57989
Inscrit(e) le : 21/08/2010

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