> 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
SSD Lexar NM610PRO 2 To (3D NAND, NVMe, PCIe, M.2, 3300 Mo/s) à 78,84 €
78,84 € 110 € -28% @Amazon

Amazon fait une promotion sur le SSDLexar NM610PRO 2 To (3D NAND, NVMe, PCIe, M.2) qui passe à 78,84 €. On le trouve ailleurs à partir de 110 €. Ce SSD offre des vitesses de lecture/écriture séquentielle allant jusqu’à 3 300/ 2 600 Mo/s. Il est garanti 3 ans.


Voir le bon plan
NAS Terramaster F2-423 (2 baies, Intel N4505, 4 Go, 2 ports 2.5 GbE) à 237,99 €
237,99 € 329,99 € -28% @Amazon

Amazon fait une promotion sur le NAS Terramaster F2-223 (2 baies) qui passe à 237,99 € via un coupon à activer sur la page du produit. On le trouve ailleurs à 329,99 €. C'est le modèle que nous avons testé dans ce dossier. Il possède un processeur Intel N4505 2 coeurs, 4 Go de RAM (extensible), 2 emplacements SATA 2.5 pouces/3.5 pouces (max 40 To) et un slot M.2 pour créer un cache SSD et accélérer les échanges. Il possède également 2 ports 2.5 Gigabits Ethernet pour des transferts rapides, un port HDMI et 2 ports USB 3.2 Gen2.

Le NAS tourne sous TOS et offre des solutions de sauvegarde multiples et vous permet de construire facilement des serveurs de stockage de fichiers, des serveurs de messagerie, des serveurs web, des serveurs multimédia, des serveurs FTP, des bases de données MySQL, des systèmes CRM, des machines virtuelles Node.js et Java, ...


Voir le bon plan
Mini PC T-bao T8 Plus (Intel N100, 8 Go DDR5, SSD 512 Go, Windows 11) à 149 €
149 € 220 € -32% @Geekbuying

GeekBuying fait une belle promotion sur le mini PC T-bao T8 Plus qui passe à 149 € avec le code NNNFRSOLDET8PL au lieu de 220 €. Une bonne affaire pour ce mini PC équipé d'un processeur Intel N100 (4 coeurs, 3.4 GHz, 12ème génération), 8 Go de DDR5, un SSD M.2 SATA de 512 Go, du WiFi/Bluetooth, de 2 ports Ethernet Gigabit, 3 porte HDMI et tourne sous Windows 11 Pro.


Voir le bon plan
Smartphone 6.28 pouces Xiaomi 12X (AMOLED 120 Hz, 5G, Snapdragon 870, 256Go, 8Go, Android 12) à 399,90 €
399,90 € 508 € -21% @Amazon

Amazon fait une promotion sur le smartphone 6.28 pouces Xiaomi 12X qui passe à 399,90 € au lieu de 508 €. Ce smartphone très bien équipé est compatible 5G, possède un processeur Snapdragon 870 à 8 coeurs, un écran FHD+ (2400x1080) AMOLED à 120 Hz, 256 Go de stockage, 8 Go de ram, 3 capteurs photos 50 mégapixels + 13 mégapixels + 5 mégapixels et une caméra avant à 32 mégapixels une batterie haute capacité 4500 mAh et la charge rapide à 67W. 


Voir le bon plan
Ecran ultra large LG 29 pouces 29WQ60A-B (IPS, HDR10, 100 Hz, 5 ms, HP) à 199,99 €
199,99 € 259,99 € -23% @Amazon

Amazon propose actuellement l'écran 29 pouces LG 29WP500-B à 199,99 € alors qu'on le trouve à partir de 259,99 € ailleurs. Cet écran ultra large est au format 21/9, possède une dalle IPS 100 Hz 5 ms et offre une résolution de 2560 x 1080 pixels. Avec lui, vous pourrez bénéficier d'une plus grande immersion dans les jeux et les films. Cet écran est compatible FreeSync et dispose de 2 HP. Ports HDMI, DisplayPort et USB C.


Voir le bon plan
Processeur AMD Ryzen 5 4500 (AM4, ventilateur Wraith Stealth) à 77,96 €
77,96 € 99 € -21% @Amazon

Amazon fait une promotion sur le processeur AMD Ryzen 5 4500 (socket AM4, ventilateur Wraith Stealth) à 77,96 € au lieu de plus de 99 € ailleurs. Ce processeur possède 6 coeurs et tourne à 3,6 GHz (boost à 4.1 GHz).


Voir le bon plan

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