Topic-icon [RÉGLÉ] Problème d'alignement dans le menu accordéon IE7

Choisissez le meilleur hébergement pour votre Joomla
Plus d'informations
04 Mai 2013 13:58 - 04 Mai 2013 13:59 #5277 par mediavisio
Message
Bonjour,

On est bien d'accord sur IE7 et 8 :evil: Mais parfois les clients...

J'ai un problème d'alignement dans le menu accordéon de mon template Ximenia Rockettheme sous IE7 que je n'arrive pas à résoudre.



Une idée?

Ce message contient une image en pièce jointe.
Veuillez vous connecter ou vous enregistrer pour la consulter.

Last edit: 04 Mai 2013 13:59 by mediavisio.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
06 Mai 2013 15:01 #5292 par C-Jay
Réponse
Hello,

Avec le !important, tu ne peux pas y remédier ?
D'une manière générale, il te faut gérer ton code CSS spécifique IE7 avec un fichier CSS indépendant, ce que Gantry a déjà en général.
A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb

Vous devez vous connecter Connexion pour prendre part à la conversation.

Joomladay2018
Plus d'informations
06 Mai 2013 15:41 - 07 Mai 2013 14:26 #5298 par mediavisio
Réponse
Et bien j'ai essayé plusieurs positionnement dans le fichier IE7 de Gantry mais rien n'y fait.

Rien trouvé sur les forums, si ce n'est des questions identiques sans réponses.

Le float est bien compris mais en fait, il n'y a que la première ligne qui n'est pas alignée. J'ai essayé un margin/padding sur ce lien mais rien n'est pris en compte??

Ça se passe là-dedans ; je n'arrive pas à isoler la première ligne.
.fusion-js-subs {
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.fusion-js-subs ul li {
    float: none;
    margin: 0 10px;
    width: 100%;
}
.menutop .fusion-js-subs li > .item span {
    display: block;
    font-size: 0.9em;
}
.menutop .fusion-js-subs li > .item {
    border-radius: 3px 3px 3px 3px;
    padding: 3px 8px;
}
.menutop .fusion-js-subs li > .item em {
    font-size: 10px;
    line-height: 0.9em;




Mais dans le fichier IE7, je n'écris pas le !important, juste l'override?

Ce message contient une image en pièce jointe.
Veuillez vous connecter ou vous enregistrer pour la consulter.

Last edit: 07 Mai 2013 14:26 by C-Jay.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
07 Mai 2013 14:31 #5308 par C-Jay
Réponse
Juste l'override oui, IE ne comprend pas !important.

En effet, il faudrait isoler le 1er lien donc trouver un ID / Class non-dynamique ou en ajouter un via les paramètres du lien de menu (DropDown menu) et lui mettre peut-être un margin-left négatif juste pour IE.
A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.212 secondes
Contact