> Tous les forums > Forum des Webmasters
 CSS ok avec IE mais pas avec Google/FirefoxSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
gemopa
  Posté le 31/05/2011 @ 09:19 
Aller en bas de la page 
Astucien

Bonjour,

voici mon code :

<style>
#menu {
width: 145px;
height: 60px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
margin: 2px;
margin-top: 8px;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 12px;
}
#menu li a {
height: 20px;
voice-family: "\"}\"";
voice-family: inherit;
height: 16px;
text-decoration: none;
padding-left:10px; padding-right:0; padding-top:6px; padding-bottom:6px;
}
#menu li a:link, #menu li a:visited {
color: #051CCA;
display: block;
background: url('images/menu1.gif');
padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px;
}
#menu li a:hover {
color: #D5F7EF;
background: url('images/menu1.gif') 0 -20px;
padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px;
}
#menu li a:active {
color: #FFFFFF;
background: url('images/menu1.gif') 0 -40px;
padding-left:10px; padding-right:0; padding-top:2px; padding-bottom:2px;
}
#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.bt1 {
width : auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
font-weight : bold;
color : #ffffff;
background-color : #8BADCB;
padding-top : 2px;
padding-bottom : 4px;
padding-left : 0px;
border-left: 5px solid #5781AE;
border-right: 5px solid #5781AE;
display : block;
}
</style>

Problème : Hover fonctionne, mais visited et active ne fonctionne pas sur Google chrome et Firefox !
où se trouve mon erreur ?

avec IE çà fonctionne (on voit bien que le bouton est actif après avoir accès à la page):

ie

Merci d'avance

Publicité
gemopa
 Posté le 31/05/2011 à 16:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

On m'a répondu cela sur un autre site :

Ils ont été désactivés pour des raisons de sécurité.

Voir ici
Bizare !
kalinka
 Posté le 31/05/2011 à 17:12 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

je ne savais pas non plus (vu que je ne l'utilise pas) par contre j'ai pas compris : on peut utiliser background-color mais pas background-image pourtant si avec get computedstyle tu peux trouver l'image précédante (et donc le lien cliqué) tu dois bien pouvoir trouver la couleur si elle est différente.

Dreamer
 Posté le 31/05/2011 à 17:25 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je me méfie des a:active, je préfère mettre une class sur un bouton activé...avec les mêmes paramètres que hovercomme cela pas de soucis, par contre pour visited, je ne vois pas la solution

exemple

menu li:hover, menu li a.actif {bla:bla;}

gemopa
 Posté le 31/05/2011 à 19:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Merci à vous pour vos réponses

ce que je trouve pratique c'est qu'avec le bouton "visited" on voit en permanance
dans quel dossier on se trouve !



Modifié par gemopa le 31/05/2011 19:49
elle
 Posté le 31/05/2011 à 19:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Avec un peu de PHP, ça se fait sans problème. Ou sinon, à la main, comme Dreamer, qui est un as du manuel.



Modifié par elle le 31/05/2011 20:00
Dreamer
 Posté le 31/05/2011 à 20:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

gemopa a écrit :

Merci à vous pour vos réponses

ce que je trouve pratique c'est qu'avec le bouton "visited" on voit en permanance
dans quel dossier on se trouve !

Moi, je l'appelle (teuse !! ) actif, c'est mieux !!

@Elle Surtout le poignet !!

elle
 Posté le 31/05/2011 à 20:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Dreamer a écrit :

Moi, je l'appelle (teuse !! ) actif, c'est mieux !!

Moé tou.

Parce que le visited, c'est pour indiquer les liens déjà visités (en se référant à l'historique du navigateur), pas celui sur lequel on se trouve.



Modifié par elle le 31/05/2011 20:58
Dreamer
 Posté le 31/05/2011 à 21:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :
Dreamer a écrit :

Moi, je l'appelle (teuse !! ) actif, c'est mieux !!

Moé tou.

Parce que le visited, c'est pour indiquer les liens déjà visités (en se référant à l'historique du navigateur), pas celui sur lequel on se trouve.

On vide le cache et tout est remis à zéro, c'est ballot !!

gemopa
 Posté le 01/06/2011 à 01:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bon ! vous avez bien rigolé , mais bon c'est pas grave ! je m'en remettrai
puisque c'est vrai que c'est le lien "actif" et non "visité"



Modifié par gemopa le 01/06/2011 01:08
Dreamer
 Posté le 01/06/2011 à 06:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

gemopa a écrit :

Bon ! vous avez bien rigolé , mais bon c'est pas grave ! je m'en remettrai
puisque c'est vrai que c'est le lien "actif" et non "visité"

Au moins, on es sûr que la prochaine fois, tu t'en souviendras !!

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Set Tefal Ingenio Emotion tous feux même induction (13 pièces)
84,99 € 150 € -43%
@Cdiscount
Bidon de liquide Vaisselle Paic Citron vert 5L
8,86 € 13,70 € -35%
@Amazon
Montre GPS Multisports Garmin Fenix 8 47 mm AMOLED
850,91 € 999,99 € -15%
@Amazon Allemagne
Enrouleur / dévidoir automatique de tuyau Gardena Mural RollUp 25 mètres, 13 mm
132,90 € 192,99 € -31%
@Amazon
SSD WD Black SN770 1 To (PCIe Gen4, NMVe M.2, 5150 Mo/s)
62,56 € 80 € -22%
@Amazon
Hub USB C 6 en 1 UGREEN (1xHDMI 4K, 2xUSB 3.0, 2xUSB C 3.2 10 Gbps, 1xUSB C PD 100W)
16,49 € 25,99 € -37%
@Amazon

Sujets relatifs
problème avec google
Visualiser son site en 3D avec Firefox 11
Pb d'affichage de mon site avec FireFox
Page web avec google sites
lien qui fonctionne avec IE7 et pas avec Firefox
Créer un sondage avec Google
Son avec Firefox
w3c avec google maps
police énorme avec firefox et pas avec IE
Problèmes de couleurs avec FireFox...
Plus de sujets relatifs à CSS ok avec IE mais pas avec Google/Firefox
 > Tous les forums > Forum Forum des Webmasters