Modification entête

Bonjour,

je voudrais modifier l'entête de mon site de manière que l'image (apple) soit choisie aléatoirement. J'ai trouvé un petit script qui fait cela

Code:

<script type="text/javascript" language="javascript">
      {
    document.write('<img src="http://127.0.0.1/SPIP-v1-8-2-g/squelettes/rep_pics/biospip/apple'+ Math.round((Math.random()*5)+1)+ '.jpg" />');
}
</script>

Ok, mais ce que jene parviens pas à faire, c'est que le titre (titre_biospip.png) reste à sa place. Si j' introduis mon script dans la page inc_menu.html comme ceci

Code:

<h1 id="header"><script type="text/javascript" language="javascript">
      {
    document.write('<img src="http://127.0.0.1/SPIP-v1-8-2-g/squelettes/rep_pics/biospip/apple'+ Math.round((Math.random()*5)+1)+ '.jpg" />');
}
</script>
<a href="#URL_SITE_SPIP" title="<:accueil_site:> #NOM_SITE_SPIP"><span>#NOM_SITE_SPIP</span></a></h1>

alors le titre est complètement déplacé (sous le menu...)

Bien sûr, j'ai désactivé la balise

Code:

background: url(../rep_pics/biospip/apple.jpg) no-repeat left top ;

dans la feuille de style.

Une piste pour moi?

Merci

André

Je crois avoir trouvé...
Il faut modifier la feuille de style en ajoutant

Code:

height: 0px ;

dans la division

Code:

h1#header a

Cea fonctionne
A voir sur http://sffn.free.fr

A+

André