placement d'une image dans la description

par Juillet 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:

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:

Merci d'avance pour votre aide Smile

par **Chacha** Dim 4 Nov 2018 - 10:06

placement d'une image dans la description UmaslZ4

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 »

par Juillet Dim 4 Nov 2018 - 10:18

par **Chacha** 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 »

par PHOENIX_VINCENT Sam 10 Nov 2018 - 10:37

Juillet a écrit:

Description du problème

bonjour à tous
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

placement d'une image dans la description Catego10

par **Chacha** Dim 11 Nov 2018 - 10:06

placement d'une image dans la description 8djze9q

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.

placement d'une image dans la description