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