[resolu]problème css IE6

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par bproductiv, 6 Juin 2007.

  1. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    Bonjour à tous.
    Voila le problème, j'ai un div menu avec un background en png que je met en position relative pour passer par dessus un mon div conteneur qui se situe en dessous (superposition d'un morceau de l'image).
    Jusqu'ici tout va bien...
    là où ca se complique c'est que mes bouton graphiques du menu sont aussi en png et donc incliquable sur ie sauf si on met en position relative,
    le hic c'est que comme le backrgound est lui aussi en relative, l'astuce ne fonctionne pas!
    Si quelqu'un connait une soluce je suis preneur.
    L'url : http://s206645715.onlinehome.fr
    il s'agit du menu du haut... :(
     
  2. Szarah
    Szarah WRInaute accro
    Inscrit:
    22 Février 2006
    Messages:
    5 997
    J'aime reçus:
    1
    As-tu essayé
    <DIV id=menu style="z-index:1000;">
    Si c'est bon, tu l'intègres dans ta feuille CSS.
     
  3. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    je viens de réaliser toute une serie de modification, j'ai placé mon div menu en position absolute en pensant régler le problème, mais non,
    j'ai mis différents z-index aux éléments :
    div menu z-index:800
    #menu li a : z-index:1000;
    et #contenu : z-index:1;
    rien à faire ca reste incliquable :(
     
  4. Krysss
    Krysss WRInaute discret
    Inscrit:
    2 Février 2007
    Messages:
    115
    J'aime reçus:
    0
    Bon moi ce que je ferai c'est un div avec une seule image en fond reprenant l'image des visages et les images du menu puisque il n'y a pas de redimentionnement ou de rollover, le fait d'utiliser une ribambelle de div avec du z-index ne sert à rien. Ensuite dans ce div je calerai des pixels transparents calés sur les images du menu et adaptés à la taille. Sur ces pixels transparents je mettrai les liens vers les différentes rubriques.
     
  5. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    Hum j'y ai pensé, l'ennui c'est qu'il va y avoir du roll-over d'ici peu...
     
  6. Krysss
    Krysss WRInaute discret
    Inscrit:
    2 Février 2007
    Messages:
    115
    J'aime reçus:
    0
    Et un truc du genre

    <div style="width:...;height:...;background: url('IMAGE DE FOND');">
    <div style="float:...;width:...;">
    <a href="page.php?id_rubrique=RUBRIQUE 1.php">
    <img src="IMAGE RUBRIQUE 1.gif" alt="RUBRIQUE 1" border="0">
    </a><br>
    </div>
    <div style="float:...;width:...;">
    <a href="page.php?id_rubrique=RUBRIQUE 2.php">
    <img src="IMAGE RUBRIQUE 2.gif" alt="RUBRIQUE 2" border="0">
    </a><br>
    </div>
    <div style="float:...;width:...;">
    <a href="page.php?id_rubrique=RUBRIQUE 3.php">
    <img src="IMAGE RUBRIQUE 3.gif" alt="RUBRIQUE 3" border="0">
    </a><br>
    </div>
    </div>
     
  7. Krysss
    Krysss WRInaute discret
    Inscrit:
    2 Février 2007
    Messages:
    115
    J'aime reçus:
    0
  8. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    Ben vi avec du gif y'aurait pas problème sauf que c'est trop moche...les ombres sont pixelisées etc..
    Merci quand même d'avoir essayé. :(
     
  9. Krysss
    Krysss WRInaute discret
    Inscrit:
    2 Février 2007
    Messages:
    115
    J'aime reçus:
    0
    Peut etre en faisant l'ombrage avec une autre image au dessous du bandeau et e se servant du filtre alpha...
     
  10. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    Bon voilà c'est OK..
    comment j'ai fait? 8O
    je ne saurais trop le dire car après 4h de modifs dans tout les sens,
    test avec des gifs, position absolute vs relative, j'en passe et des meilleures,
    il s'avère que le truc le plus étrange c'est que les liens était actifs mais que le curseur n'affichait pas la main. :evil:
    obligé de le forcer, et ce, pour chaque lien car une regle generale du style
    Code:
    menu li a{cursor:pointer;}
    ne fonctionnait pas !!
    Enfin bon voilà, on apprend a chaque fois un peu plus, fichtre :roll:
     
Chargement...
Similar Threads - [resolu]problème css IE6 Forum Date
[RESOLU]Probleme tres simple CSS menu Développement d'un site Web ou d'une appli mobile 28 Juin 2007
[Résolu]probleme css avec balise UL et LI Développement d'un site Web ou d'une appli mobile 18 Janvier 2006
[RESOLU]probleme lors de l'update des informations Développement d'un site Web ou d'une appli mobile 7 Avril 2010
[Resolu]Probleme soumission boutique 1and1 Problèmes de référencement spécifiques à vos sites 25 Mai 2009
[Résolu]Problème avec Ajax Développement d'un site Web ou d'une appli mobile 23 Août 2008
[résolu]Problème insoluble avec un ORBER BY Développement d'un site Web ou d'une appli mobile 15 Juillet 2008
[Resolu]Probleme installation forum PHPBB Développement d'un site Web ou d'une appli mobile 11 Juillet 2008
[résolu]problème d'indexation url finissant par /1 Crawl et indexation Google, sitemaps 20 Juin 2008
[Résolu]Problèmes d'accent dans le Flux RSS Développement d'un site Web ou d'une appli mobile 29 Mai 2008
[Résolu]Problème de syntaxe pour une RewriteRule URL Rewriting et .htaccess 5 Mai 2008
[résolu]Probleme serveur chez ovh Administration d'un site Web 5 Janvier 2008
[résolu]probleme de recuperation des checkbox Développement d'un site Web ou d'une appli mobile 31 Décembre 2007
[Résolu]Problème avec imagerotate() Développement d'un site Web ou d'une appli mobile 30 Décembre 2007
[résolu]problème d'une simple redirection .php en .html URL Rewriting et .htaccess 27 Août 2007
[Résolu]Problème de soulignement dans un menu Développement d'un site Web ou d'une appli mobile 9 Juillet 2007
[Résolu]Problème menu en fonction du naviguateur Développement d'un site Web ou d'une appli mobile 30 Juin 2007
[résolu]Problème affichage DIV sous Firefox Développement d'un site Web ou d'une appli mobile 15 Avril 2007
[resolu]Problème FCKeditor Développement d'un site Web ou d'une appli mobile 7 Août 2006
[Resolu]Problème activex flash Développement d'un site Web ou d'une appli mobile 1 Juin 2006
[Résolu]Problème affichage numéro Développement d'un site Web ou d'une appli mobile 19 Avril 2006