Coucou tlm,
je me suis mis au CSS suite a un probleme de frame sur mon site
mais le probleme c'est que je suis totalement novice en la matiere et j'essaye d'apprendre en regardant a droit a gauche mais c'est vraiment pas facile
j'ai utilisé une feuille de style que j'ai eu grâce au tutoriel et j'ai essayé de l'adapter pour mon site
le probleme vient du fait que je voudrais mettre une image sous mon menu avec la fonction "z-index: -1" ca marche sur firefox mais pas avec IE qui affiche mon menu a la suite de mon image
j'ai surfé pdt 6h cette nuit en vain , je pense que le problème vient du fait que je devrais utiliser des z-index positif mais j'arrive pas a faire fonctionner mon site en bidouillant a droit a gauche c'est pour cela que je m'en remet entre vos mains d'expert pour essayer de trouver le problème
voici le code de ma feuille de style :
et celui de ma page web
j'ai réussi a apprendre le php assez vite mais pour ce qui est du CSS et du XHTML je cale vraiment
Merci d'avance pour votre aide
Modifié par blacknightdefcon (31 Jan 2008 - 02:35)
je me suis mis au CSS suite a un probleme de frame sur mon site
mais le probleme c'est que je suis totalement novice en la matiere et j'essaye d'apprendre en regardant a droit a gauche mais c'est vraiment pas facile
j'ai utilisé une feuille de style que j'ai eu grâce au tutoriel et j'ai essayé de l'adapter pour mon site
le probleme vient du fait que je voudrais mettre une image sous mon menu avec la fonction "z-index: -1" ca marche sur firefox mais pas avec IE qui affiche mon menu a la suite de mon image
j'ai surfé pdt 6h cette nuit en vain , je pense que le problème vient du fait que je devrais utiliser des z-index positif mais j'arrive pas a faire fonctionner mon site en bidouillant a droit a gauche c'est pour cela que je m'en remet entre vos mains d'expert pour essayer de trouver le problème
voici le code de ma feuille de style :
body {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
color: #0000FF;
background-color: #fff;
text-decoration:none
}
.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 960px;
height: 935px;
margin: 0 auto;
}
.header {
height: 221px;
background-color: #99CCCC;
}
.menu {
position: absolute;
z-index: 1;
left:0;
width: 238px;
height: 714px;
}
.frame {
margin-left: 238px;
width: auto;
height: 714px;
background-color:#9999CC;
overflow: auto;
}
.footer {
height: 20px;
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
color: #000000;
background-color: #fff;
}
a:active {
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
color: #0000FF;
text-decoration:none
}
a:visited {
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
color: #0000FF;
text-decoration: none
}
a:link {
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
color: #0000FF;
text-decoration: none
}et celui de ma page web
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bienvenue sur le site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="conteneur">
<div class="header"></div>
<div class="menu">
<span style="position: absolute; left: -3; top: 52; z-index: -1">
<img border="0" src="images/menu.jpg" width="240" height="417"></span></p>
<p><b>Rubrique</b></p>
</div>
<div class="frame"></div>
<div class="footer"><?php include('footer.php'); ?></div>
</div>
</body>
</html>j'ai réussi a apprendre le php assez vite mais pour ce qui est du CSS et du XHTML je cale vraiment
Merci d'avance pour votre aide
Modifié par blacknightdefcon (31 Jan 2008 - 02:35)
et elle s'est affiché (big merci a geof)
