> 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 !!

Publicité
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
720,98 €Ecran PC incurvé 49 pouces Samsung C49HG90 (3840x1080, 1 ms, 144 Hz) à 720,98 € livré
Valable jusqu'au 20 Octobre

Amazon Espagne fait une promotion sur l'écran PC incurvé 49 pouces Samsung C49HG90 à 694,20 €. Comptez 26,78 € pour la livraison en France soit un total de 720,98 € livré en France. On le trouve ailleurs à partir de 899 €. Cet écran incurvé offre une définition de 3840x1080 pixels et possède une dalle 144 Hz. Vous pouvez Utiliser la fonction Picture-by-Picture pour afficher simultanément le travail de deux PC. 


> Voir l'offre
149,99 €LEGO 10274 Creator Expert ECTO-1 SOS Fantômes à 149,99 €
Valable jusqu'au 20 Octobre

Amazon fait une promotion sur le LEGO 10274 Creator Expert ECTO-1 SOS Fantômes qui passe à 149,99 € au lieu de 180 €. Idéal pour les fans de SOS Fantômes et les passionnés de LEGO, ce modèle ECTO propose des heures de plaisir et une expérience de construction enrichissante pour les adultes. Le véhicule ECTO-1, qui mesure plus de 22,5 cm de haut, 47 cm de long et 16,5 cm de large, déborde de détails authentiques. Le set comporte 2352 pièces.


> Voir l'offre
72,10 €Kit de 16 Go (2 x 8 Go) de mémoire DDR4 Corsair Vengeance LPX 3200 MHz à 72,10 € livré
Valable jusqu'au 20 Octobre

Amazon Allemagne fait une belle promotion sur le kit de 16 Go (2x8 Go) de mémoire DDR4 Corsair Vengeance LPX 3200 MHz qui passe à 67,46 €. Comptez 4,64 € pour la livraison en France soit un total de 72,10 € livré. Une très bonne affaire !


> Voir l'offre

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