lien dans un background image
bonjour
voilà j'ai un probleme avec le centrage du background-image qui est dans un lien sous firefox.
C'est bien commode car ainsi je peux introduire du php dans mon menu mais je n'arrive à centrer le tout, ça se centre impeccable sous ie mais je bataille avec firefox. J'ai bien penser à mettre une image en lien mais impossible alors d'introduire du php
je vous donne mes codes
Citation:
<div id="bloc_menu">
<a class="bouton_lien_categorie" href="index.php">Accueil</a>
<a class="bouton_contact" href="contact.html">Me contacter</a><br /><br /><br />
<h3><u>Mes confections</u></h3>
<?php
$categorie=mysql_query("SELECT * FROM categorie ORDER BY designation");
while($liste_categorie=mysql_fetch_array($categorie)) {
$tiret_categorie=str_replace("_"," ",$liste_categorie[1]);
?>
<a class="bouton_lien_categorie" href=theme.php?categorie=<?php echo $liste_categorie[1]; ?>><?php echo $tiret_categorie; ?></a><br />
<?php } ?>
</div>
Citation:
#bloc_menug
{
color: #A5C076;
position: relative;
float: left;
width: 200px;
margin: auto;
background-color: white;
margin-top: 70px;
margin-left: 30px;
text-align: center;
padding: 0px;
}
a.bouton_lien_categorie
{
background-image: url("../css_image/vignette.gif");
background-repeat: no-repeat;
display: block;
width: 100px;
height: 50px;
padding-top: 10px;
}
a.bouton_contact
{
background-image: url("../css_image/vignettecontact.gif");
background-repeat: no-repeat;
display: block;
width: 130px;
height: 40px;
padding-top: 10px
http://img115.imageshack.us/img115/3...efox3fz.th.jpg
j'ai bien penser à rajouter un block plus etroit en décaler mais alors là cela me décale tout sous ie.
j'ai essayer de positionner le background-position: 50% 50%;
mais rien non plus. Avez vous rencontrer ce genre de probleme
MErci d'avance
