Bon sur ordi , pas en ligne
Résolu
thx
-
thx -
thx -
bonjour,
webmaster j ai crée un menu en css.
travail fini je visualise sur IE et FF a partir de mon ordi tous fonctionne.
Je met ensuite en ligne et la evidamment non.
Ce n est pas logique...
pouvez vous m aider si vous avez eu le meme probleme ou si vous connaissez la reponse?
merci
Rediriger moi si je ne suis pas sur le bon forum.
thx.
webmaster j ai crée un menu en css.
travail fini je visualise sur IE et FF a partir de mon ordi tous fonctionne.
Je met ensuite en ligne et la evidamment non.
Ce n est pas logique...
pouvez vous m aider si vous avez eu le meme probleme ou si vous connaissez la reponse?
merci
Rediriger moi si je ne suis pas sur le bon forum.
thx.
Configuration: Windows Vista Firefox 2.0
17 réponses
-
merci de me repondre
mais tu n as pas compris
mon menu est parfaitement fontionnel
j ai essayer pour verifier avec des menu que je savais bon puisqu ils marchent sur internet. J ai copier/collé. et a partir du moment ou je les mets en ligne sa ne marche pas.
alors que sur mon OS oui.
ps je precise que c est le deroulement du menu qui ne fontionne pas. -
par exemple
<!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" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="nuro2" href="nuro2.css" />
<title>page 0</title>
<style type="text/css">
ul {
margin: 0 auto;
padding: 0;
list-style: none;
border:1px solid #333 ;
display:table; /* pour les besoins de centrage , optionnel */
}
ul li {
position: relative;
float:left;
padding:0 5px;
background:#ccc ;
border:1px solid #333 ;
width:120px;
white-space:nowrap;
text-align:center;
z-index:1;
}
li ul {
position: absolute;
left: -9999px;
top: 19px;
height:auto;
border:1px solid ;
width:100%;
}
ul li ul li {
width:120px;
text-align:center;
height:1.2em;
}
ul li a {
display:block;
width:120px;
text-decoration: none;
color: white;
}
a:hover {
color:red;
}
li:hover ul, li.over ul {
left:-2px; /*si bordures, adapté le repositionnement */
color:#333;
z-index:2;
}
li a:focus , li a:active {
left:9996px;
z-index:5;
color:red;
position:absolute;
background:#eee;
padding:0 5px;
border:1px solid;
}
li:hover a:focus , li:hover a:active , li.over a:focus , li.over a:active {
left:0px;
position:relative;
display:block;
width:110px;
background:#efefef;
z-index:3;
color:yellow;
border:0;
}
h2 {
clear:left;
}
code {
font-size:1.2em;
font-weight:bold;
color:#999;
}
ins {
font-size:0.8em;
font-weight:bold;
color:#999;
text-decoration:none;
display:block;
width:50%;
margin:auto;
}
</style>
<!--[if lte IE 6]>
<script type="text/javascript" >
menuvert = function() {
if (document && document.getElementById)
{
lemenu = document.getElementById("menuv");
for (i=0; i<lemenu.childNodes.length; i++)
{
node = lemenu.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className+=" over";
}
node.onmouseout=function()
{
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=menuvert;
</script>
<![endif]-->
<!-- supplement IE pour centré le menu -->
<!--[if IE ]>
<style type="text/css">
/* l'ensemble de cette portion de css ne sert qu'a centré le menu en exemple */
/* cette portion peut-etre enlevée et ne joue aucun role dans le menu déroulant */
#page {
text-align:center;
}
ul {
display:inline;
zoom:1;
}
h1 , h2 , p , {
text-align:left;
}
</style>
<![endif]-->
</head>
<body>
<div id="page">
<h1>Un menu deroulant</h1>
<ul id="menuv">
<li>deroule moi <ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</li>
<li>deroule moi <ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</li>
<li>deroule moi <ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</li>
<li>deroule moi <ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</li>
</ul>
</body>
</html>
ne deroule pas si je le met en ligne
a+ -
-
le probleme c'est pas le menu, c'est la facon dont tu as codé ta page! quand j'ai essayé d'ouvrir avec IE sous firefox (plugin), y'a eu un crach de firefox...
faut chercher ailleurs ;-)
ps : ton site est illisible sous firefox -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Bien, je vais donc me pencher sur la question...
Si vous avez des conseils pour me diriger vers la solution , je prends
en tous cas MERCI a tous les deux
a+
thx -
hummm d accord...je vais verifier ça aussi
du boulot a faire!
merci
euh la façon dont j ai codé la page .....genre xhtml strict.....? -
oui
il y as des standard a respecter!
et attention au trop plein de javascript !!!!
commence par la https://openclassrooms.com/fr/
RAD -
lol oui c est un tres bon site
je vais retourner voir mes cours ;-)
merci pour votre interet J ai quelques voies a explorer
Passez une bonne soirée
salut
thx -
SALUT
sans code ou mieux un lien pour voir !!??? je regarde le fond de ma tasse a cafe et je te dis ton probleme:-))
PS:je fait aussi les numeros de lotto!!:-)
RAD -
loool je t ai tres bien compris !!
mais si il ne fonctionne pas c est bien qu il y as un probleme quelque part !!
et sans voire le code personne ne pourras t aider !!
RAD -
tu as peut etre pas transferé tous les fichiers... mais :
Plaggia :
sans code ou mieux un lien pour voir !!??? je regarde le fond de ma tasse a cafe et je te dis ton probleme:-))
PS:je fait aussi les numeros de lotto!!:-) -
ca fonctionne très bien...
http://marmottemanu.free.fr/share/ccm/menu.html
un lien vers ta page qui marche pas ??? -
http://rad2.free.fr/exemple/2.html de meme pour moi !!
-
-
loool j avais pas visite le lien °°!
crois moi le menu n est pas ton probleme !! mais GRYZZLY as tout dis !!
RAD -
PPS : ce n'est meme pas seulement un probleme de compatibilité avec firefox... c'est mal codé pour IE aussi... tu as OUBLIE que certaines personnes N'ONT PAS un écran 1024*768 (et c'est la majorité)
-
non... d'ailleurs ta page passe pas au validateur (entre autre a cause de l'hébergement)... mais je verrais plutot des merdes en javascripts ou je ne sais quoi d'autre pour aboutir a un crash de firefox, faut faire fort quand meme ;-)