Discussion :

[l_achraf]

Bonjour tout le monde,

J'ai un souci et j'aimerais avoir votre aide SVP.

HTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="card-content">
 
                        <div>
                            <img class="A" src="image">
                            <button type="button" class="btn btn-block" data-href="">
                                Text.&nbsp;&nbsp;<i class="fa fa-chevron-right" aria-hidden="true"
                                style="margin-right: -1rem;"></i>
                            </button>
                            <button type="button" class="btn btn-block" data-href="">
                                Text.&nbsp;&nbsp;<i class="fa fa-chevron-right" aria-hidden="true"
                                style="margin-right: -1rem;"></i>
                            </button>
                           <button type="button" class="btn btn-block" data-href="">
                                Text.&nbsp;&nbsp;<i class="fa fa-chevron-right" aria-hidden="true"
                                style="margin-right: -1rem;"></i>
                            </button>
                        </div>
                    </div>

CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
button {
        &.btn-block {
            background-color: #e9e6e2;
            border-radius: 0;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
            eorgia, "serif";
            text-align: left;
            i.fa-chevron-right {
                margin-right: -0.5rem;
                vertical-align: bottom;
            }
        }
    }

l'image doit être à droite et les boutons à gauche. tout marche bien dans tous les navigateurs sauf IE11 dont les boutons se déplacent sous l'image.

y-a-t-il une solution? Merci bien.

[Invité]

Bonjour,

1- Je vois du CSS en ligne (style="margin-right: -1rem;") a enlever

2- ton code est du SCSS. (avec une ligne fausse : eorgia, "serif"; a corriger)
A vérifier la compatibilité IE11 (?).

3- <img .... src="image"> ???

[l_achraf]

Merci infiniment pour ta réponse,

la ligne fause était juste une faute du copier/coller et dans <img .... src="image">, j'ai mis juste un texte aléatoire dans src quand je voulais copier le code ici.

j'ai enlevé margin-right: -1rem; mais le problème existe toujours.