Sujet Précédent Sujet Suivant

Pb JavaScript + IE et Mozilla

djinlemage00 Messages postés 7 Date d'inscription jeudi 26 mars 2009 Statut Membre Dernière intervention 27 août 2009 - 13 mai 2009 à 10:08
djinlemage00 Messages postés 7 Date d'inscription jeudi 26 mars 2009 Statut Membre Dernière intervention 27 août 2009 - 20 mai 2009 à 11:03

A voir également:

Pb JavaScript + IE et Mozilla
Récupérer données json (javascript) - Conseils pratiques -Javascript
Javascript poo - Conseils pratiques -Javascript
Extension mozilla - Conseils pratiques -Javascript
Javascript et base de données - Conseils pratiques -Javascript
Calendrier javascript - Conseils pratiques -Javascript

3 réponses

Réponse 1 / 3

djinlemage00 Messages postés 7 Date d'inscription jeudi 26 mars 2009 Statut Membre Dernière intervention 27 août 2009
13 mai 2009 à 10:51

Bonjour,

J aurais besoin d un petit peu d aide sur mon menu.

Voila j utilise la biblioteque JQUERY et j ai fais un menu a partir de ce site avec l exemple ici.

Le probleme c est que le menu fonctionne tres bien sur FireFox mais sur IE il y a un decalage que je n arrive pas a resoudre

Pouvez vous me venir en aide?

Ci dessous mon code HTML/Java et plus bas le CSS

Pour les images, vous pouvez prendre les image sur le site de l exemple

Code HTML :

Association Red Hot Chili Local - Présentation

$(document).ready(function () {
$(".menu .menu_liste li:even").addClass("alt");

// On cache les sous-menus :
$(".menu ul").hide();

$(".menu > img").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul:visible").length != 0) {
$(this).next("ul").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".menu ul").slideUp("normal");
$(this).next("ul").slideDown("normal");
}
});

$(".menu .menu_liste li a").hover(
function () {
$(this).animate({ fontSize: "18px", paddingLeft: "15px" }, 50 );
},
function () {
$(this).animate({ fontSize: "15px", paddingLeft: "3px" }, 50 );
}
);
});

Voici les groupes

[1-DATF/Bio_DATF.html Bio]
[1-DATF/Dates_DATF.html Dates]
[1-DATF/Son_DATF.html Son]
[1-DATF/Photo_DATF.html Photo]
[1-DATF/Video_DATF.html Video]
[1-DATF/Lien_DATF.html Lien du Groupe]
[1-DATF/Info-tech_DATF.html Info Techniques]

[1-Esprit_Leger/Bio_EL.html Bio]
[1-Esprit_Leger/Dates_EL.html Dates]
[1-Esprit_Leger/Son_EL.html Son]
[1-Esprit_Leger/Photo_EL.html Photo]
[1-Esprit_Leger/Video_EL.html Video]
[1-Esprit_Leger/Lien_EL.html Lien du Groupe]
[1-Esprit_Leger/Info-tech_EL.html Info Techniques]

[1-Fahrenheit/Bio_Fahrenheit.html Bio]
[1-Fahrenheit/Dates_Fahrenheit.html Dates]
[1-Fahrenheit/Son_Fahrenheit.html Son]
[1-Fahrenheit/Photo_Fahrenheit.html Photo]
[1-Fahrenheit/Video_Fahrenheit.html Video]
[1-Fahrenheit/Lien_Fahrenheit.html Lien du Groupe]
[1-Fahrenheit/Info-tech_Fahrenheit.html Info Techniques]

[1-June_Is_Soon/Bio_June_Is_Soon.html Bio]
[1-June_Is_Soon/Dates_June_Is_Soon.html Dates]
[1-June_Is_Soon/Son_June_Is_Soon.html Son]
[1-June_Is_Soon/Photo_June_Is_Soon.html Photo]
[1-June_Is_Soon/Video_June_Is_Soon.html Video]
[1-June_Is_Soon/Lien_June_Is_Soon.html Lien du Groupe]
[1-June_Is_Soon/Info-tech_June_Is_Soon.html Info Techniques]

[1-Meelting_Pot/Bio_Meelting_Pot.html Bio]
[1-Meelting_Pot/Dates_Meelting_Pot.html Dates]
[1-Meelting_Pot/Son_Meelting_Pot.html Son]
[1-Meelting_Pot/Photo_Meelting_Pot.html Photo]
[1-Meelting_Pot/Video_Meelting_Pot.html Video]
[1-Meelting_Pot/Lien_Meelting_Pot.html Lien du Groupe]
[1-Meelting_Pot/Info-tech_Meelting_Pot.html Info Techniques]

[1-Plush/Bio_Plush.html Bio]
[1-Plush/Dates_Plush.html Dates]
[1-Plush/Son_Plush.html Son]
[1-Plush/Photo_Plush.html Photo]
[1-Plush/Video_Plush.html Video]
[1-Plush/Lien_Plush.html Lien du Groupe]
[1-Plush/Info-tech_Plush.html Info Techniques]

Association Red Hot Chili Local

[Presentation.html Présentation de l'association]

Présentation

-------------------------
CSS
-------------------------

/*------------------------------------------------------------Style MENU */

ul, li {
list-style:none;
font-family: 'segoe ui', 'Tahoma', 'Verdana', 'lucida grande', sans-serif;
}

.menu {
height: auto;
width: 148px;
background-color: #000101;
}

ul, li {
margin: 0;
padding: 0;
list-style:none;
font-family: 'segoe ui', 'Tahoma', 'Verdana', 'lucida grande', sans-serif;
font-size: 15px;
}

/*couleur des sous-repertoires */

.menu {
height: auto;
width: 148px;
/* fond des sous-menu*/
background-color: #9f825e;
/*Bordure*/
border: 1px #000101 solid;
}

.menu .menu_liste {
width: 148px;
display:none;
}

.menu .menu_liste li a {
display:block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
text-decoration:none;
color: #414141;
}

/*menu DATF fond*/
.menu .menu_liste li.alt {
background:#bba68b;
}

.menu .menu_liste_2 {
width: 148px;
display:none;
}

.menu .menu_liste_2 li a {
display:block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
text-decoration:none;
color: #414141;
}

.menu .menu_liste_2 li.alt {
background:#bba68b;
}

.menu .menu_liste_3 {
width: 148px;
display:none;
}

.menu .menu_liste_3 li a {
display:block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
text-decoration:none;
color: #414141;
}

.menu .menu_liste_3 li.alt {
background:#bba68b;
}

.menu .menu_liste_4 {
width: 148px;
display:none;
}

.menu .menu_liste_4 li a {
display:block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
text-decoration:none;
color: #414141;
}

.menu .menu_liste_4 li.alt {
background:#bba68b;
}

.menu .menu_liste_5 {
width: 148px;
display:none;
}

.menu .menu_liste_5 li a {
display:block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
text-decoration:none;
color: #414141;
}

.menu .menu_liste_5 li.alt {
background:#bba68b;
}

.menu .menu_liste_6 {
width: 148px;
display:none;
}

.menu .menu_liste_6 li a {
display:block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 3px;
text-decoration:none;
color: #414141;
}

.menu .menu_liste_6 li.alt {
background:#bba68b;
}

/* -----------------------------------------------Style Index */

.Style1 {font-size: 50px}
a:link {
text-decoration: none;
color: #BBA68B;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a:visited {
text-decoration: none;
color: #BBA68B;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a:hover {
text-decoration: none;
color: #9f825e;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a:active {
text-decoration: none;
color: #BBA68B;
}

body {
background-color: #bba68b;
}
#Titre {
position:absolute;
top:30%;
width:100%;
height:299px;
z-index:1;
left: 0;
text-align: center;
}

/*------------------------------------------------------------Style des pages*/

#Menu {
position:absolute;
left:38px;
top:167px;
width:150px;
height:366px;
z-index:1;
}
#apDiv1 {
position:absolute;
left:101px;
top:49px;
width:424px;
height:210px;
z-index:2;
}
body {
background-color: #bba68b;
}
#Haut {
position:absolute;
left:0;
top:0;
width:100%;
height:119px;
z-index:2;
border-bottom-width: 3px;
border-bottom-style: double;
line-height: normal;
background-image: url(Images/Poivron_Titre.jpg);
}
.TitreHaut {
font-size: 50px;
font-weight: bold;
}
#TitrePage {
position:absolute;
left:282px;
top:187px;
width:122px;
height:33px;
z-index:3;
}
.Sous_Titre {
font-size: 18px;
font-weight: bold;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
.PresentationMenu {
font-size: 18px;
}

#TitreGroupe {
position:absolute;
left:0px;
top:120px;
width:100%;
height:60px;
z-index:5;
}

#Corps {
position:absolute;
left:262px;
top:278px;
width:715px;
height:500px;
z-index:4;
}
#CorpsPlayer {
position:absolute;
left:303px;
top:245px;
width:780px;
height:570px;
z-index:4;
}
#CorpsPhoto {
position:absolute;
left:222px;
top:180px;
width:780px;
height:570px;
z-index:4;
}
/*---------------------------------------------------------Style Viewer */
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}

#flashcontent {
height: 100%;
}
/* end hide */

body {
height: 100%;
margin: 0;
padding: 0;
background-color: #bba68b;
color:#000000;
}

a {
color:#cccccc;
}

Réponse 2 / 3

djinlemage00 Messages postés 7 Date d'inscription jeudi 26 mars 2009 Statut Membre Dernière intervention 27 août 2009
15 mai 2009 à 17:51

un petit up

Réponse 3 / 3

djinlemage00 Messages postés 7 Date d'inscription jeudi 26 mars 2009 Statut Membre Dernière intervention 27 août 2009
20 mai 2009 à 11:03

Re Up

Discussions similaires

Partie entiére d'un nombre

integrer une variable javascript dans un lien hypertext

est-ce que "goto" existe en javascript ?

Partie entière d'un nombre

Redirection par header ou javascript?

Votre réponse

Discussions similaires