Probleme margin padding dans une liste pour un menu avec puce

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Skycer666, 5 Juin 2009.

  1. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    Bonjour tout le monde, je rencontre un probleme avec les puces dans mon menu

    Voici l'url du site : http://ecrivain.on-web.fr/

    Avec Firefox, aucun soucis, tout se passe bien.
    Malheureusement ac IE sa pose soucis ^^ :)

    Voici mon css :

    Code:
    .page_item a:hover
    {
    	color:#F98D02;
    	_background:url(images/puce2.gif) no-repeat 0 0.28em;
    	_margin-left:-10px;
    	_padding-left:10px;
    }
    
    .page_item:hover
    {
    	background:url(images/puce2.gif) no-repeat 0 1.10em;
    }
    
    Si je change le margin-left en -11px la puce est pratiquement en place mais il y a un pixel de trop sur la gauche.
    Par contre si je laisse -10px qui semblerait etre la bonne solution, tout pete et la puce passe sur le texte ?

    Si je met le padding a 9px, alors la puce est bien aligné comme sous firefox sauf que la mon texte se decale de 1px !! grrr

    Il est possible d'avoir un padding et un margin égal ??

    Je comprends pas trop

    Merci d'avance

    FF
     
  2. kim49
    kim49 WRInaute discret
    Inscrit:
    26 Mars 2009
    Messages:
    166
    J'aime reçus:
    0
    Perso je vois pas où se situent les puces posant problème, je vois pas de différence entre IE ou firefox ???
     
  3. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    Oups pardon j'ai oublié bien sur de préciser que je travaillais sous IE 6 et le probleme est présent quand on passe la souris dessus -->hover....
     
  4. kim49
    kim49 WRInaute discret
    Inscrit:
    26 Mars 2009
    Messages:
    166
    J'aime reçus:
    0
    Sous IE8 pas de souci en tout cas
     
  5. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    Même au niveau de entreprises et collectivité locale ?
    Et y'a pas non plus un léger d'écalage d'un pixel quand tu passe ta souris dessus...
     
  6. kim49
    kim49 WRInaute discret
    Inscrit:
    26 Mars 2009
    Messages:
    166
    J'aime reçus:
    0
    Non la puce bouge pas

    c'est décalé comme pour particuliers mais c normal je suppose
     
  7. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    Justement c'est pas normal que sous IE ça se décalle, c'est pour le moment le seul moyen que j'ai trouvé pour ça soit correcte, mais si tu regarde sous firefox, quand tu passe la souris sur les liens ça ne bouge...
    Et c'est la mon probleme.. si je remet padding-left a 10px (sur le site en ligne padding-left : 9px) ça sera trop moche..
    pourquoi tout pete quand je change la valeur d'un px
     
  8. kim49
    kim49 WRInaute discret
    Inscrit:
    26 Mars 2009
    Messages:
    166
    J'aime reçus:
    0
    Non ce que je veux dire c que avant que l'on passe la souris, les menus "particuliers" et "entreprises ..." sont légèrement décalés par rapport aux autres menus mais c plutot bien vu que ce sont des sous menus de Prestations.

    Par contre quand je passe la souris sur les menus, la puce ne bouge pas, elle change simplement de couleur, pas de problème donc chez moi sous IE8 (sous google chrome ça fonctionne aussi pour info)
     
  9. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    Ah oui ce décalage la est normal, merci pour la précision.
    Déja c'est un bon point si ça fonctionne sous Chrome, IE8 , Firefox --> manque plus que ce fameux IE6 et p-e IE7.. grrr

    Si qqn a deja rencontré ce probleme merci de me dire si vous avez reussi a le résoudre et comment.
    (PS : sous IE 6 , la puce du hover de Entreprise et Collectivité n'apparait même pas --> probleme sur 2 lignes p-e ?? )
     
  10. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 577
    J'aime reçus:
    20
    Bonjour,

    tu risques de ne pas avoir beaucoup de choix autre que de créer un CSS spécifique IE6, avec une rédéfinition des éléments qui posent problèmes. Ensuite, tu dois vérifier le navigateur qui arrive et charger ou non, le correctif IE6. Pour cela, il existe des balises à placer dans la section HEAD d'une page HTML qui sont du style <!--if IE6... il faut chercher dans le forum, il y a déjà des sujets qui traitent de cela. ;-)
     
  11. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    Mais je le fais deja ça de faire juste pour IE6 en faisant un hack devant chaque propriété juste pour IE 6 !!

    Deja est-ce que s'est possible d'avoir ainsi

    Code:
    paddin-left:10px;
    margin-left:-10px;
    
     
  12. Skycer666
    Skycer666 WRInaute discret
    Inscrit:
    5 Mai 2009
    Messages:
    59
    J'aime reçus:
    0
    salut tout le monde , personne ne veut aller voir mon petit probleme.

    Mon probleme se situe avec le "li" de la ligne Entreprises et COllectivité locale --> seule "li" sur 2ligne, kan on pass la souris dessus ac IE6 , il n'y pa de puce qui apparait contrairemen au autre "li" ... Please help me !
     
Chargement...
Similar Threads - Probleme margin padding Forum Date
Problème d'indexation de backlinks Débuter en référencement 24 Juillet 2022
Problème d'indexation de backlinks Problèmes de référencement spécifiques à vos sites 21 Juillet 2022
Probleme de visibilité de ma page Facebook Facebook 5 Juillet 2022
problème avec le développeur Droit du web (juridique, fiscalité...) 22 Juin 2022
Problème désindexation des pages de Google Débuter en référencement 21 Juin 2022
Problème d'indexation de pages sur Google Problèmes de référencement spécifiques à vos sites 31 Mai 2022
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème : Google Crawl et Index des pages en No Index et bloqué par le robot.txt Crawl et indexation Google, sitemaps 26 Avril 2022
Problème avec GA4 : nb de visiteurs temps réel et par jour Google Analytics 19 Avril 2022
Problème indexation pages précises en React.js Débuter en référencement 19 Avril 2022
Problème de référencement Demandes d'avis et de conseils sur vos sites 8 Avril 2022
Problème adsence : Annonces ne s'affichent plus AdSense 10 Mars 2022
problèmes procédures stockées Administration d'un site Web 9 Mars 2022
Problème récupération fichier vps Développement d'un site Web ou d'une appli mobile 5 Mars 2022
Problème config postfix. Administration d'un site Web 5 Mars 2022
Search Console Problème d'indexation Crawl et indexation Google, sitemaps 24 Février 2022
Problème d'url canonique Problèmes de référencement spécifiques à vos sites 22 Février 2022