Bonjour,
J'ai un soucis sur Firefox avec des blocs dont j'ai défini la largeur et hauteur dans ma feuille de style mais qui ne prennent pas compte ces éléments et s'ajustent à la taille de mon texte.
J'espère que je suis claire
Voici ma feuille de style :
[code]
a.menu_bas {
width: 100px;
height: 30px;
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:link.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:visited.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:hover.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:active.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
[code]
et le code HTML
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Garage de Carmont</title>
<LINK rel="stylesheet" type="text/css" href="style.css">
<LINK rel="stylesheet" type="text/css" href="style_liens.css">
</head>
<body>
<a href="partenaires.php" class="menu_bas">Partenaires</a>
<a href="newsletter.php" class="menu_bas">Newsletter</a>
<a href="contact.php" class="menu_bas">Nous écrire</a>
</body>
</html>
[code]
Je voudrais avoir le même résultat que sous IE.
Merci de votre aide
Vinix
J'ai un soucis sur Firefox avec des blocs dont j'ai défini la largeur et hauteur dans ma feuille de style mais qui ne prennent pas compte ces éléments et s'ajustent à la taille de mon texte.
J'espère que je suis claire
Voici ma feuille de style :
[code]
a.menu_bas {
width: 100px;
height: 30px;
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:link.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:visited.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:hover.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
a:active.menu_bas {
background-color: #FFCC33;
color: #EEEEEE;
font-family: Arial;
font-size: 10pt;
text-align: center;
text-decoration: none;
}
[code]
et le code HTML
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Garage de Carmont</title>
<LINK rel="stylesheet" type="text/css" href="style.css">
<LINK rel="stylesheet" type="text/css" href="style_liens.css">
</head>
<body>
<a href="partenaires.php" class="menu_bas">Partenaires</a>
<a href="newsletter.php" class="menu_bas">Newsletter</a>
<a href="contact.php" class="menu_bas">Nous écrire</a>
</body>
</html>
[code]
Je voudrais avoir le même résultat que sous IE.
Merci de votre aide
Vinix