Help !!

Help !! - HTML/CSS - Programmation

Marsh Posté le 14-02-2005 à 15:13:20    

Est ce qu'un petit génie peut m'expliquer pourkoi mon sous-menu passe entre le fond du div et le texte.
 
cela sous IE  et pas sous safari :(
 
http://sensol.club.fr/essai/indexit.php
 
merci d'avance ;... je rame :)

Reply

Marsh Posté le 14-02-2005 à 15:13:20   

Reply

Marsh Posté le 15-02-2005 à 11:45:50    

Personne pour m'aider :(  
 
je viens d'y passer encore 2 heures et impossible d'y arriver...
 
Mon sous menu persiste à passer entre le fond et le texte ou image  
 
AIDEZ MOI ... lol

Reply

Marsh Posté le 15-02-2005 à 11:46:26    

Problème de z-index ?

Reply

Marsh Posté le 15-02-2005 à 13:48:47    

j 'y ai pense mais j ai mis le menu en z-index: 100 et le bloc en z-index: 1 ... cela devrait marcher non ?

Reply

Marsh Posté le 15-02-2005 à 13:52:05    

En fait j'ai eu le même problème que toi, donc avec une structure comme ça :

Code :
  1. <conteneur1>
  2.   <bloc></bloc>
  3. </conteneur1>
  4. <conteneur2>
  5. </conteneur2>


Et sous IE, impossible de mettre le <bloc> au dessus du <conteneur2>, dans le cas où <bloc> était en position: absolute;, et <conteneur1> en position: relative :cry:

Reply

Marsh Posté le 15-02-2005 à 13:57:48    

Beh en fait je vois pas bien ce que tu m'explique :(
 
tu penses que cela vient de mon imbrication de conteneur pour centrer le menu ?

Reply

Marsh Posté le 15-02-2005 à 14:07:00    

Je ne sais pas si ça fera avancer le shmilblick mais eesaye ça : mettre tes <li> dans un <ul> et appliquer le z-index à ce <ul>
 
Etant donné que tu déclare la DTD XHTML strict il serait aussi de bon ton de passer un coup de validateur

Reply

Marsh Posté le 15-02-2005 à 14:14:13    

snif je viens de faire tes chgts preconisés ... jette un oeil mais le resultat est le meme :(

Reply

Marsh Posté le 15-02-2005 à 14:20:22    

je vous jette en vrac mon .css au cas ou :
 
body {
 margin: 0;
 padding: 0;
}
#global {
 position:absolute;
 left: 50%;
 width: 750px;
 margin-left: -375px;
 height: 550px;
 border: 2px solid #333;
 background: #0033CC;
}
#entete {
 top : 0px;
 left : 0px;
 width: 100%;
 height: 70px;
}
#menu {
 position: absolute;
 top: 71px;
 left: 0;
 z-index: 100;
 width: 100%;
}
#frame {
 margin-left: 0px;
 top : 90px;
 left : 0px;
 width: 750px;
 height: 450px;
 overflow: auto;
}
#logo {
 top : 0px;
 left : 0px;
 margin-left: 0px;
 width: 100px;
 height: 60px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 6em;
margin: 0 1px;
}
#menu dt {
color: #000099;
cursor: pointer;
text-align: center;
width: auto;
font-weight: bold;
background: #FFFFFF;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #FFFFFF;
}
#menu li a, #menu dt a {
color: #000099;
text-decoration: none;
display: list-item;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #FFFF99;
}
#entetetexte {
position: absolute;  
top: 20px;
left: 350px;
width: 400px;
color: #FFFF00;
font-style: italic;
font-weight: bold;
font-size: 15pt;
}
#affiche {
 position: absolute;  
 top: 50px;
 left: 100px;  
 width: 500px;  
 height: auto;  
 z-index: 1;
 padding: 10px;
 border: 10px ridge #FFFF00;
 color: #FFFF00;
 background-image: url(http://sensol.club.fr/essai/images/background.jpg)
}

Reply

Marsh Posté le 15-02-2005 à 15:13:55    

Je ne trouve pas que "Help" soit un titre très conforme aux règles en vigueur dans la section Programmation :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 15-02-2005 à 15:13:55   

Reply

Marsh Posté le 15-02-2005 à 15:39:39    

antp a écrit :

Je ne trouve pas que "Help" soit un titre très conforme aux règles en vigueur dans la section Programmation :o


tu aurais préféreé qu'il mette "à l'aide" ???
 
OK,http://medialan.mesdiscussions.net/images/perso/bibifoc.gif


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Sujets relatifs:

Leave a Replay

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