PB affichage couleur de lien avec IE7
yann_zzz
Messages postés
62
Statut
Membre
-
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention -
lewis34 Messages postés 2557 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai mis en ligne mon site internet, mais le problème est que le navigateur IE7 n'affiche pas les liens en couleurs lorsqu'on fait passer la souris sur les liens textes ou images. Par contre avec Firefox tout est parfait.
Que faudrait-il ajouter à ma feuille de style CSS pour que tout soit pareil que Firefox ? J'ai pu entendre qu'IE7 présentait des bugs...
@charset "utf-8";
/* CSS Document */
<style type="text/css">
<!--
}
body {
background-color: #FFFFFF;
}
a:link {
color: #FF9966;
text-decoration: none;
}
a:visited {
color: #FF9966;
text-decoration: none;
}
a:hover {
color: #FF3333;
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF9966;
}
.style2 {
font-family: Bebas;
font-size: 14px;
color: #FF9966;
}
.style3 {
font-family: Bebas;
font-size: 12px;
color: #FF9966;
}
.style4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.style5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
-->
</style>
J'ai mis en ligne mon site internet, mais le problème est que le navigateur IE7 n'affiche pas les liens en couleurs lorsqu'on fait passer la souris sur les liens textes ou images. Par contre avec Firefox tout est parfait.
Que faudrait-il ajouter à ma feuille de style CSS pour que tout soit pareil que Firefox ? J'ai pu entendre qu'IE7 présentait des bugs...
@charset "utf-8";
/* CSS Document */
<style type="text/css">
<!--
}
body {
background-color: #FFFFFF;
}
a:link {
color: #FF9966;
text-decoration: none;
}
a:visited {
color: #FF9966;
text-decoration: none;
}
a:hover {
color: #FF3333;
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF9966;
}
.style2 {
font-family: Bebas;
font-size: 14px;
color: #FF9966;
}
.style3 {
font-family: Bebas;
font-size: 12px;
color: #FF9966;
}
.style4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.style5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
-->
</style>
A voir également:
- PB affichage couleur de lien avec IE7
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Affichage double ecran - Guide
7 réponses
bonsoir essyaye en rajoutant ca (le doctype) en debut de page
<!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">
<!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">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="Copyright" CONTENT="" />
<META NAME="Description" CONTENT="" />
<META NAME="Publisher" CONTENT="">
<META NAME="Keywords" CONTENT="" />
<link rel="stylesheet" href="/mm_training.css" type="text/css" />
<!--***************-->
<link rel="shortcut icon" href="" />
<style type="text/css">
body {
background-image: url(/fond_vista.jpg);
background-repeat: repeat;
}
body,td,th {
color: #000000;
font-size: 12px;
}
.Style13 {color: #000000}
.Style14 { font-size: 16px;
color: #000000;
}
}
.Style15 {color:#FFFFFF}
.Style16 {font-size:14px ;
color:#FFFFFF;
font-style:oblique;
}
.counter{
background-color:#996666;
color:yellow;
font-weight:bold;
}
.edito{
background-color:#FFFFFF;
font-size:10px;
font-style:normal;
font-family:Geneva, Arial, Helvetica, sans-serif;
border:double;
}
.membre{
background-color:#FFFFFF;
font-size:12px;
font-style:italic;
font-family:Geneva, Arial, Helvetica, sans-serif;
border:groove;
}
.date{
border:double;
background-color:#CCCC99;
background-color:#993333;
}
</style>
</head>
<body>
voila un exemple
tiens
le resultat tu peut le voir ici (c'est mon 1er site)
http://milsodor.no-ip.org
/* Global Styles */
body {
margin:0px;
}
td {
font:11px Arial, Helvetica, sans-serif;
color:#000000;
}
a {
color: #FF6600;
font-weight:bold;
text-decoration:none;
}
a:hover {
color: #FFBA00;
}
/* ID Styles */
#navigation a {
font:10px Arial, Helvetica, sans-serif;
color: #26354A;
text-decoration: none;
letter-spacing:.1em;
line-height:16px;
display:block;
padding: 0px 10px;
border-right:1px solid #FF6600;
}
#navigation a:hover {
color:#ffffff;
background: #FF6600;
}
#background td {
background:url("mm_bg_header.gif");
}
#padding {
padding:14px;
}
/* Calendar Styles */
#calendar td {
border: 1px solid #26354A;
}
#noborder td {
border: 0px;
}
#calheader td {
font-weight:bold;
color: #ffffff;
}
/* Class Styles */
.logo {
font:24px Times New Roman, Times, serif;
color: #FFBA00;
letter-spacing:.3em;
line-height:26px;
}
.tagline {
font: 11px Arial, Helvetica, sans-serif;
color: #D3DCE6;
line-height:16px;
}
.bodyText {
font:11px Arial, Helvetica, sans-serif;
line-height:22px;
color:#26354A;
letter-spacing:.1em;
}
.detailText {
font:11px Arial, Helvetica, sans-serif;
line-height:16px;
color:#26354A;
letter-spacing:.1em;
}
.pageName {
font:24px Arial, Helvetica, sans-serif;
color: #FF6600;
letter-spacing:.2em;
line-height:32px;
}
.subHeader {
font:bold 12px Arial, Helvetica, sans-serif;
color: #2D374D;
font-weight:bold;
line-height:20px;
letter-spacing:.1em;
}
.navText {
font:10px Arial, Helvetica, sans-serif;
color: #26354A;
letter-spacing:.1em;
line-height:16px;
}
.calendarText {
font:11px Arial, Helvetica, sans-serif;
color: #26354A;
letter-spacing:.1em;
}
.sidebarText {
font:11px Arial, Helvetica, sans-serif;
color: #FFBA00;
letter-spacing:.1em;
line-height:18px;
}
le resultat tu peut le voir ici (c'est mon 1er site)
http://milsodor.no-ip.org
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Serait-il possible de savoir à quel endroit le placer par rapport à ce qui suis ?
@charset "utf-8";
/* CSS Document */
Avant ou juste après ?
Merci