[css] boutons sous un div ne fonctionnent plus

boutons sous un div ne fonctionnent plus [css] - HTML/CSS - Programmation

Marsh Posté le 18-12-2009 à 10:51:38    

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

Reply

Marsh Posté le 18-12-2009 à 10:51:38   

Reply

Marsh Posté le 18-12-2009 à 11:11:14    

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!
Reply

Marsh Posté le 18-12-2009 à 11:32:24    

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
Reply

Marsh Posté le 22-12-2009 à 17:37:51    

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!
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed