Menu CSS
Fermé
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
-
26 mai 2009 à 11:46
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009 - 28 mai 2009 à 13:37
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009 - 28 mai 2009 à 13:37
A voir également:
- Menu CSS
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu demarrer windows 10 - Guide
14 réponses
l informatiquepourtous
Messages postés
1064
Date d'inscription
lundi 19 mars 2007
Statut
Membre
Dernière intervention
23 avril 2018
80
26 mai 2009 à 11:50
26 mai 2009 à 11:50
test en cours . . .
l informatiquepourtous
Messages postés
1064
Date d'inscription
lundi 19 mars 2007
Statut
Membre
Dernière intervention
23 avril 2018
80
26 mai 2009 à 11:55
26 mai 2009 à 11:55
Et bien moi sur mon IE8 il y a aucun problème !c'est exactement pareil que sur Firefox
Mais sache que les anciens IE avais des soucci avec la transparence et le CSS... c'est sans doute çà , pour que sa passe tu peux rajouter des ligne dans ton codes, genre les background
Mais sache que les anciens IE avais des soucci avec la transparence et le CSS... c'est sans doute çà , pour que sa passe tu peux rajouter des ligne dans ton codes, genre les background
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
26 mai 2009 à 12:20
26 mai 2009 à 12:20
Merci beaucoup,
En ce qui concerne IE 8, en effet ça marche j'avais testé. Mais je ne peux pas écarter les internautes IE 7, de même les IE 6 qui sont encore assez nombreux si je prend l'exemple de mon entourage professionnel proche.
le problème c'est que mes compétences s'arrètent à intéger le code et le modifier un peu, mais de là à intégrer des lignes complémentaires...
Serait-ce abuser que de demander une petite aide supplémentaire ?....
merci encore
En ce qui concerne IE 8, en effet ça marche j'avais testé. Mais je ne peux pas écarter les internautes IE 7, de même les IE 6 qui sont encore assez nombreux si je prend l'exemple de mon entourage professionnel proche.
le problème c'est que mes compétences s'arrètent à intéger le code et le modifier un peu, mais de là à intégrer des lignes complémentaires...
Serait-ce abuser que de demander une petite aide supplémentaire ?....
merci encore
l informatiquepourtous
Messages postés
1064
Date d'inscription
lundi 19 mars 2007
Statut
Membre
Dernière intervention
23 avril 2018
80
26 mai 2009 à 12:45
26 mai 2009 à 12:45
le truc c'est moi j'ai plus de IE 6 donc il est difficile de voir ou sa cloche je peux toujours regarde le code sources mais sa risque de prendre du temps
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
IE a toujours interprété le CSS différemment de FF, on rentre dans un niveau de complexité qui dépasse les connaissances d'un utilisateur averti.. :/
D'ailleurs, ya un site qui permet de simuler les différents affichage selon les navigateurs..
Je n'ai malheureusement pas l'url sous la main, mais en faisant de bonne recherche ya moyen de retrouver ça. :)
Je n'ai malheureusement pas l'url sous la main, mais en faisant de bonne recherche ya moyen de retrouver ça. :)
l informatiquepourtous
Messages postés
1064
Date d'inscription
lundi 19 mars 2007
Statut
Membre
Dernière intervention
23 avril 2018
80
26 mai 2009 à 17:08
26 mai 2009 à 17:08
c'est bien ton fichier css ? :
body
{
background-color:#FFF;
position: absolute;
margin:auto;
width:auto;
height:100%;
}
#banniere
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/banniere_test.jpeg');
width:1024px;
height:180px;
margin-top:60px;
margin-left:180px;
}
#big
{
width:1024px;
}
.menu
{
width:1024px;
}
#corps_de_page
{
/*background-color:#FF0;*/
width:1024px;
margin-left:180px;
padding-top:0px;
margin-top:-20px;
}
#cadre_bleu
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/cadre_bleu.png');
height:800px;
width:1024px;
margin-top:20px;
background-repeat:no-repeat;
}
#cadre_orange
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/cadre_orange.png');
width:1024px;
height:600px;
margin-top:10px;
background-repeat:no-repeat;
}
.article
{
width:500px;
}
#bas_de_page
{
background-image:('http://paysdetrie.fr/dev1/squelettes/img/footer_vert.png');
width:800px;
height:40px;
}
body
{
background-color:#FFF;
position: absolute;
margin:auto;
width:auto;
height:100%;
}
#banniere
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/banniere_test.jpeg');
width:1024px;
height:180px;
margin-top:60px;
margin-left:180px;
}
#big
{
width:1024px;
}
.menu
{
width:1024px;
}
#corps_de_page
{
/*background-color:#FF0;*/
width:1024px;
margin-left:180px;
padding-top:0px;
margin-top:-20px;
}
#cadre_bleu
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/cadre_bleu.png');
height:800px;
width:1024px;
margin-top:20px;
background-repeat:no-repeat;
}
#cadre_orange
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/cadre_orange.png');
width:1024px;
height:600px;
margin-top:10px;
background-repeat:no-repeat;
}
.article
{
width:500px;
}
#bas_de_page
{
background-image:('http://paysdetrie.fr/dev1/squelettes/img/footer_vert.png');
width:800px;
height:40px;
}
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 09:03
28 mai 2009 à 09:03
Oui il s'agit du fichier CSS de ma page d'accueil (charte graphique générale).
En ce qui concerne le menu, el voici :
body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
Merci d'avance du temps que tu nous consacres.
En ce qui concerne le menu, el voici :
body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
Merci d'avance du temps que tu nous consacres.
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 10:03
28 mai 2009 à 10:03
Ce fichier CSS est celui de la charte graphique.
Celui du menu est le suivant :
body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
Merci encore pour le temps qu tu nous consacres...
Celui du menu est le suivant :
body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
Merci encore pour le temps qu tu nous consacres...
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 13:32
28 mai 2009 à 13:32
oui
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 13:32
28 mai 2009 à 13:32
c'es le CCS de la charte graphique générale
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 13:34
28 mai 2009 à 13:34
voici celui du menu : body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 13:35
28 mai 2009 à 13:35
Merci du temps que tu veux bien nous accorder...
gatou.nath
Messages postés
28
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
28 mai 2009
28 mai 2009 à 13:37
28 mai 2009 à 13:37
désolée mais je viens de me rendre compte que ce matin après un bug aucun de mes messages n'apparaissaient.
Et finalement à mon retour à 13h30, ils sont tous apparu.
Ce n'est pas du harcelement. Toutes mes excuses ...
Et finalement à mon retour à 13h30, ils sont tous apparu.
Ce n'est pas du harcelement. Toutes mes excuses ...