Help !! - HTML/CSS - Programmation
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
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 ?
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 : 
 | 
 
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 
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 ?
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 
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 
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) 
}
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 
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  | 
 
tu aurais préféreé qu'il mette "à l'aide" ??? 
 
OK,
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