faire défiler des images en fond d'entête

Général
1

Bonjour,
je fais défiler dans l'entête du site tous les logos des articles avec la balise <marquee>. Mais cette bande est au-dessus du nom du site alors que j'aimerais la mettre en fond, derrière le nom du site.
Si quelqu'un pouvait me filer un coup de main, merci d'avance.

Voici mon inc-entête actuel :

<div id="entete">
[(#REM) bande défilante des logos de tous les articles ]
   <B_logo> <marquee behavior="slide" loop="10"> <BOUCLE_logo(ARTICLES) {par hasard}> [(#LOGO_ARTICLE||image_reduire{0,150})]
    </BOUCLE_logo></marquee>
  </B_logo>

[(#REM) Afficher le logo ou le titre du site ]
<a rel="start" href="#URL_SITE_SPIP/">
[(#LOGO_SITE_SPIP||?{
    [(#LOGO_SITE_SPIP
                |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)]}
        |inserer_attribut{title,[(#NOM_SITE_SPIP|textebrut)]}
        )]
    ,
    <span id="nom_site_spip">#NOM_SITE_SPIP</span>
})]</a>
<div id="barre">
#FORMULAIRE_RECHERCHE
</div>

2

Etienne a écrit :

Bonjour,
je fais défiler dans l'entête du site tous les logos des articles avec la balise <marquee>. Mais cette bande est au-dessus du nom du site alors que j'aimerais la mettre en fond, derrière le nom du site.
Si quelqu'un pouvait me filer un coup de main, merci d'avance.

Voici mon inc-entête actuel :

<div id="entete">
[(#REM) bande défilante des logos de tous les articles ]
  <B_logo> <marquee behavior="slide" loop="10"> <BOUCLE_logo(ARTICLES) {par hasard}> [(#LOGO_ARTICLE||image_reduire{0,150})]
   </BOUCLE_logo></marquee>
</B_logo>

[(#REM) Afficher le logo ou le titre du site ]
<a rel="start" href="#URL_SITE_SPIP/">
[(#LOGO_SITE_SPIP||?{
   [(#LOGO_SITE_SPIP
               |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)]}
       |inserer_attribut{title,[(#NOM_SITE_SPIP|textebrut)]}
       )]
   ,
   <span id="nom_site_spip">#NOM_SITE_SPIP</span>
})]</a>
<div id="barre">
#FORMULAIRE_RECHERCHE
</div>
_______________________________________________

essaye

#nom_site_spip{
z-index: 100;
}

3

As tu essayé de positionner l'ordre de tes blocs avec z-index (z-index=1 (dessous)), (z-index=100 (dessus)).
Camille

Etienne a écrit :

Etienne a écrit :

Bonjour,
je fais défiler dans l'entête du site tous les logos des articles avec la balise <marquee>. Mais cette bande est au-dessus du nom du site alors que j'aimerais la mettre en fond, derrière le nom du site.
Si quelqu'un pouvait me filer un coup de main, merci d'avance.

Voici mon inc-entête actuel :

<div id="entete">
[(#REM) bande défilante des logos de tous les articles ]
  <B_logo> <marquee behavior="slide" loop="10"> <BOUCLE_logo(ARTICLES) {par hasard}> [(#LOGO_ARTICLE||image_reduire{0,150})]
   </BOUCLE_logo></marquee>
</B_logo>

[(#REM) Afficher le logo ou le titre du site ]
<a rel="start" href="#URL_SITE_SPIP/">
[(#LOGO_SITE_SPIP||?{
   [(#LOGO_SITE_SPIP
               |inserer_attribut{alt,[(#NOM_SITE_SPIP|textebrut)]}
       |inserer_attribut{title,[(#NOM_SITE_SPIP|textebrut)]}
       )]
   ,
   <span id="nom_site_spip">#NOM_SITE_SPIP</span>
})]</a>
<div id="barre">
#FORMULAIRE_RECHERCHE
</div>
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

4

je fais défiler dans l'entête du site tous les logos des articles avec la balise <marquee>. Mais cette bande est au-dessus du nom du site alors que j'aimerais la mettre en fond, derrière le nom du site.

essaye

#nom_site_spip{
z-index: 100;
}

Merci,
j'essaye d'insérer le code que tu me donnes dans habillage.css, mais ça ne change rien.
Est-ce qu'il ne serait pas possible de superposer l'affichage de deux boucles ? (puisque pour mettre un fond à un bloc j'insère une image dans habillage.css mais que je ne peux pas y insérer de boucle, et que si je mets ma boucle dans un fichier html sommaire ou inc-entête, elle décale toujours l'affichage du bloc)

5

ok
remets les liens et essaye avec ça (la position du titre se gère avec top et left)

#entete a {
   text-decoration: none;
   display: inline-block;
}

#entete #nom_site_spip {
   text-align: center;
   position: absolute;
   top: 20px;
   left: 50px;
}

Ouais, merci, c'est nickel !
J'ai juste mis left:350px; au lieu de 5 pour que le titre soit centré.

J'espère qu'on pourra se faire un logo qui s'accordera bien sur ce bandeau.

Merci encore,

Etienne

6

Etienne a écrit :

ok
remets les liens et essaye avec ça (la position du titre se gère avec top et left)

#entete a {
   text-decoration: none;
   display: inline-block;
}

#entete #nom_site_spip {
   text-align: center;
   position: absolute;
   top: 20px;
   left: 50px;
}

Ouais, merci, c'est nickel !
J'ai juste mis left:350px; au lieu de 5 pour que le titre soit centré.

J'espère qu'on pourra se faire un logo qui s'accordera bien sur ce bandeau.

Merci encore,

Etienne

de rien mais vérifie que ça marche bien avec IE

maintenant, à ta place je rajouterais un
onmouseover="this.stop();" onmouseout="this.start();"
dans
<marquee behavior="alternate">

bon courage pour la suite