Jquery CSS appliqué sous Chrome mais pas IE ni Firefox

Fermé
TheKingOfSnak Messages postés 10 Date d'inscription samedi 9 novembre 2013 Statut Membre Dernière intervention 7 janvier 2015 - Modifié par jordane45 le 7/01/2015 à 13:13
Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 - 7 janv. 2015 à 14:26
Bonjour,
Je débute et pour mon stage je dois coder un petit truc sympa, j'ai fait un truc tout jouli.. le CSS rend le tout sexy, mais sous IE et mozilla, bah ca reste sans css..

Le <head> donne ça :
<!doctype html>
<!--[if lte IE 7]> <html class="no-js ie67 ie678" lang="fr"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 ie678" lang="fr"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="fr"> <![endif]-->
<!--[if gt IE 9]> <!--><html class="no-js" lang="fr"> <!--<![endif]-->
<head>
  <meta charset="UTF-8">
  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
  <title>Tutoriels</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=8" />
  <!--[if lt IE 9]>
  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <link rel="stylesheet" href="styles.css" media="all">
</head>


Et une partie du CSS qui s'applique pas :
.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #000;
  color: #fff;
  width: 200px;
  font: 1.2em "Trebuchet MS", sans-serif;
}
.navigation a, .navigation span {
  display: block;
  padding: 4px 10px;
  color: #fff;
  text-decoration: none;
  background: #000 url("Images/menu-item.png") left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background-image: url("file://C:/Users/sen/Desktop/Stage_Valentin/WEB/Images/menu-item-deroule.png");
}



EDIT : Ajout des balises de code


A voir également:

1 réponse

Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
7 janv. 2015 à 14:26
Salut,
Déjà ça me paraît bizarre que dans ton css il y ait une image en lien relatif et une autre en lien absolu. Je te conseille de tout mettre en lien relatif (comme Images/menu-item.png).

Sinon il faut voir ce que dis la console d'erreurs, sous Firefox tu fais Ctrl + Maj + j
0