Discussion :

[fidbell84]

Bonjour,

Mon problème que mon code fonctionne sur tous les navigateurs sauf safary

je besoin d'une solution pour que le code fonctionne aussi sur safary

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
19
20
21
22
<div class="row">
    <div class="col-md-6">
        <a style="display: flex; margin: 10px; color: #000;" ng-click="openModalFiltre()">
            <img src="images/home/ic_filtre.png" class="imageMenu">
        </a>
    </div>
    <div class="col-md-6">
        <h2 class="textMenu">Filtra</h2>
    </div>
    </a>
</div>
<div class="row">
    <div class="col-md-6">
        <a style="display: flex; margin: 10px; color: #000;" ng-click="logout()">
            <img src="images/home/ic_import.jpg" class="imageMenu">
        </a>
    </div>
    <div class="col-md-6">
        <h2 class="textMenu">Logout</h2>
    </div>
    </a>
</div>>

Code :

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

1
2
3
4
5
 
.imageMenu {
	height: 70%;
	width: 70%; 
}

[www.diazis.com]

bonjour,

Quel est le problème sur safary ?

[fidbell84]

Le problème que sur le navigateur safary le style ne reste plus le même.

le height devient trés grand.

[www.diazis.com]

Je ne sais pas pourquoi tu mets tes <a> en flex mais sous safary il faut rajouter le préfixe.

Code html :

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

 <a style="display: flex; display: -webkit-flex; margin: 10px; color: #000;"

[fidbell84]

Merci pour la réponse mais pas fonctionnel.

qu'est je dois modifier?? je dois supprimer flex
mais qu'est je mets pour le remplacer

[www.diazis.com]

Comme ca et sachant que tu n'as qu'un element dans le div parent, je vois pas l'intérêt du display dans ton lien.
Que se passe t il si tu le supprimes ?

Code html :

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

<a style="margin: 10px; color: #000;"...

Ensuite le height de ton image est en pourcentage. Il se réfère donc au height d'un de ses parents.
Le premier qui a un height défini.
col-md-6 a t il une height ?