Hello,
Sérieusement, je suis étonné que ton logo s'affiche avec un tel code.
Je ne suis pas un expert non plus des feuilles de styles, alors
peut-être que votre code fonctionne ! Mais bon, juste comme ça, je
trouve ça bizarre que quelque chose s'affiche... Ne pourrait-on pas
avoir le lien vers votre site pour que nous puissions avoir un aperçu
visuel de ce que vous avez en ce moment ?
Néanmoins, voici comment je procéderais :
- une image de fond pour l'entête (appelons-la "fond.png") sans le logo
- l'image de logo (appelons-la "logo.png") qui est un lien vers
l'accueil
#top {
min-height: 500px; /* Préciser la hauteur du logo*/
min-width: 300px; /* Préciser la largeur du logo, ce sera la taille
minimale que pourra prendre l'entête */
margin: 0;
background: transparent url("http://monblog.com/public/fond.png") top
left repeat; /* On met l'image de fond en arrière-plan de l'entête */
}
h1 a {
text-decoration: none; /* Aucune décoration pour le texte */
color: transparent; /* Le texte sera transparent, ce qui fera en sorte
qu'il n'apparaîtra pas visuellement */
width: 300px; /* Préciser la taille du logo */
height: 500px; /*Préciser la hauteur du logo */
background: transparent url("http://monblog.com/public/logo.png")
no-repeat top left; /* On utilise le logo comme image d'arrière-plan à
l'ancre de lien */
}
Qu'en pensez-vous ?