Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1243 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] boutons sous un div ne fonctionnent plus

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[css] boutons sous un div ne fonctionnent plus

n°1951428
attentio
Posté le 18-12-2009 à 10:51:38  profilanswer
 

Bonjour,
 
voila, je dois mettre un div (qui contient un png transparent) en absolu par dessus mon site qui lui est centré.
le problème qui se pose, c'est que les boutons <a></a> qui sont maintenant sous ce div ne fonctionnent plus.
 
est ce que quelqu'un pourrait m'expliquer comment faire pour que ce div qui doit venir empiéter en parti sur le contenu du site ne vienne pas perturber le reste du site?
 
merci de votre aide

mood
Publicité
Posté le 18-12-2009 à 10:51:38  profilanswer
 

n°1951446
lautrejojo
Posté le 18-12-2009 à 11:11:14  profilanswer
 

Ce n'est pas directement possible.

 

En fait, tu peux forcer l'ordre d'affichage des éléments de ta page. Il faut pour çà utiliser z-index (quelques ressources) .
Cependant, z-index s'applique à des éléments qui sont en "position:absolute". Cela implique donc que tes boutons soient eux aussi placés en absolute.

 

Si tu nous donnes un peu plus d'éléments (css, html), on peut peut être t'aider à bidouiller ;-)


Message édité par lautrejojo le 18-12-2009 à 11:12:08

---------------
Question sur la programmation ? DevWeb it!
n°1951461
attentio
Posté le 18-12-2009 à 11:32:24  profilanswer
 

voici mon code :
 

Code :
  1. <style>
  2. #contenu {
  3. margin:auto;padding:0px;
  4. position:relative;
  5. width:1000px;
  6. *text-align:left;
  7. border:1px blue solid;
  8. }
  9. #bandeau {
  10. z-index:100;
  11. position:absolute;
  12. top:0;
  13. left:0;
  14. height:135px;
  15. width:135px;
  16. background-image:url(trophee.png);
  17. border:1px red solid;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div id="bandeau">mon image</div>
  23. <div id="contenu"><a href="#">marche pas quand div bandeau chevauche div contenu</a></div>
  24. </body>


 
 
merci beaucoup


Message édité par attentio le 18-12-2009 à 11:34:56
n°1952499
lautrejojo
Posté le 22-12-2009 à 17:37:51  profilanswer
 

as tu une capture d'écran ? quelque chose ?  
Je viens de tester le code que tu nous donnes, et je dois avouer que je comprend pas bien... De mon côté, je n'ai pas de chevauchement. Après, du moment que tu passes par dessus une div avec une autre, alors la première ne sera plus du tout accessible.
 
En bidouillant, tu peux faire remonter quelques éléments (mais pas tout, auquel cas il serait inutile de mettre une div par dessus), mais j'ai peur que çà ne soit pas très esthétique.
 
Avec une capture d'écran, on comprendrait mieux ce que tu veux faire...


---------------
Question sur la programmation ? DevWeb it!

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] boutons sous un div ne fonctionnent plus

 

Sujets relatifs
la code PHP et le code HTML qui se trouve aprés ne fonctionnent pas![html] Problème sur un formulaire avec plusieurs boutons submit
[AS2] liste défilante avec boutonstraitement de boutons radio
les instructions fonctionnent mais pas le script[VBA] Boutons de commande qui se déplacent quand j'imprime
[résolu] série indépendante de boutons radios[C#] Boutons personnalisés
Rollover independant pour chaques boutons[html][js] Tableau de boutons radio ?
Plus de sujets relatifs à : [css] boutons sous un div ne fonctionnent plus


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR