bonjour
mon site n'est pas encore en ligne car j'attends qu'il fonctionne correctement
car il est censé remplacer un site existant qui fonctionne
je vais donc mettre tout mon code,
le problème vient de ces 3 lignes grisé que dreamweaver n'a pas l'air de lire
<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css"/>
<![endif]-->
parcontre je ne sais pas comment faire pour joindre mes css ?? et si cela est necessaire?
je vous remercie beaucoup de l'aide que vous pourrez m'apporter :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>index</title>
<link rel="stylesheet" type="text/css" href="jeden.css"/>
<!--[if IE]>
<link rel="stylesheet" href="ie.css" type="text/css"/>
<![endif]-->
<script type="text/javascript" src="scripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="scripts/galerie2.js"></script>
<script type="text/javascript">
<!--
$(document).ready( function () {
// On cache les sous-menus sauf celui qui porte la classe "encours" :
$(".navigation ul.subMenu:not('.encours')").hide();
// On sélectionne tous les items de liste portant la classe "toggleSubMenu"
// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ;
} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$(".navigation li.toggleSubMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
// -->
</script>
<script type="text/javascript">
var Timer;
var Pas = 3;
function moveLayer(Sens)
{
if(document.getElementById)
Objet = document.getElementById("zonedetexte");
else
Objet = document.all["zonedetexte"];
if(parseInt(Objet.style.top) + (3*Sens) > 0)
Objet.style.top = "0px";
else
Objet.style.top = (parseInt(Objet.style.top) + (3*Sens)) + "px";
Timer = setTimeout("moveLayer(" + Sens + ");", 50);
}
</script>
</head>
<body>
<div id="page">
<div id="entete"></div>
<div id="menuhtml">
<ul class="navigation">
<li class="toggleSubMenu item1"><span>SPECTACLES</span>
<ul class="subMenu">
<li class="lien_p11"><a href="jeden_7corbeaux.html" title="Aller page 1.1">Les 7 Corbeaux</a></li><!-- ajout de l'attribut class "encours" -->
<li class="lien_p12"><a href="jeden_lamouche.html" title="Aller page 1.2">La Mouche</a></li>
<li class="lien_p13"><a href="jeden_tavie.html" title="Aller page 1.3">Ta vie n'est pas rêvée</a></li>
<li class="lien_p14"><a href="jeden_costume.html" title="Aller page 1.4">Le Costume</a></li>
<li class="lien_p15"><a href="jeden_libertes.html" title="Aller page 1.5">Libertés portraits</a></li>
<li class="lien_p16"><a href="jeden_jacob.html" title="Aller page 1.6">Jacob le père</a></li>
</ul>
</li>
<li class="toggleSubMenu item2"><span>STAGES ET ATELIERS</span>
<ul class="subMenu">
<li class="lien_p21"><a href="jeden_tpt.html" title="Aller page 2.1">Théatre pour tous</a></li>
<li class="lien_p22"><a href="jeden_classe.html" title="Aller page 2.2">Théatre à l'école</a></li>
</ul>
</li>
<li class="toggleSubMenu item3"><span>ARCHIVES</span>
<ul class="subMenu">
<li class="lien_p31"><a href="jeden_iljoue.html" title="Aller page 3.1">Il Joue</a></li>
<li class="lien_p32"><a href="jeden_blancheaurore.html" title="Aller page 3.2">Blanche Aurore</a></li>
<li class="lien_p33"><a href="jeden_tael.html" title="Aller page 3.3">Le Tael d'argent</a></li>
<li class="lien_p34"><a href="jeden_blanchecanette.html" title="Aller page 3.4">Blanche Canette</a></li>
<li class="lien_p35"><a href="jeden_laplume.html" title="Aller page 3.5">La plume de finist-Fier Faucon</a></li>
</ul>
</li>
<li class="toggleSubMenu item4"><span>JEDEN</span>
<ul class="subMenu">
<li class="lien_p41"><a href="jeden_dates.html" title="Aller page 4.1">Quelques dates</a></li>
<li class="lien_p42"><a href="jeden_origine.html" title="Aller page 4.2">Origine</a></li>
<li class="lien_p43"><a href="jeden_adherer.html" title="Aller page 4.3">Adhérer</a></li>
</ul>
</li>
<li class="item5"><a href="jeden_contact.html" title="Aller page 5">CONTACT</a></li>
</ul>
</div><!-- #menuhtml -->
<div id="bandeau">
<img src="images/spectacles/7corbeaux/bandeau_7corbeaux.png"/>
</div><!-- #bandeau-->
<div id="contenu">
<div id="zonedetexte" style="position: absolute; left: 0; top: 0;">
<br/><br/><br/><br/><br/><br/><p><h1><b>Bienvenue sur le site JEDEN</b></h1></p><br/>
<p><h2>Cette page d'accueil est en cours de création,
vous pouvez naviguer tout de même en utilisant le menu.
Bonne visite</h2></p>
</div><!-- #zonedetexte -->
</body>
</html>
