Image et image de fond

Bonjour à tous, j'aimerais mettre une image sur ma bannière avec une autre images en image de fond, est-ce possible ?

Je me retrouverais donc avec ma première image en premier plan et la seconde image au second plan avec un background repeat x.

Merci d'avance pou votre aide.

tu peux faire ceci:

<h1 id="banniere"><img src="chemin-vers-ton-image.jpg" alt="Bannière du site" /></h1>

et pour le css:

h1#banniere {
background: url(chemin-vers-ton-image-de-fond.jpg) repeat-x;
}

Oui, mais ... il faut que l'image "Les portes de l'Orient" ait un fond transparent (gif ou png) sinon on ne verra pas le background du <h1>

Attention aussi à l'usage du h1 : est-ce un titre ? Un <div> pour une bannière me semble plus approprié ...
Modifié par Philix (26 Dec 2008 - 10:29)

Philix a écrit :
Attention aussi à l'usage du h1 : est-ce un titre ? Un <div> pour une bannière me semble plus approprié ...

Sur une page d'accueil, le nom du site ou logo contenu dans la bannière représente souvent le titre principal de la page, donc un H1 est tout à fait adapté. Sur d'autres pages du site, par contre, on aura souvent un titre d'article ou de page, et on pourra éventuellement passer le nom du site en simple paragraphe.

@Florent,

On est tout à fait d'accord. J'avais bien dis

a écrit :
... est-ce un titre ?

C'est l'usage du mot "bannière" qui me laisse supposé qu'il s'agit peut-être d'une ... "pub"

@samb01,

De bonnes infos à ce propos de notre cher Laurent Denis :
Remarques à propos du rôle des éléments de titres <hn>
title et h1, titre de section et titre de document: le malentendu

bonjour,

c'est une bannière en effet

mais ça ne fonctionne pas.

voilà mon code :

<div class="banniere_02">
	
		<img src="images/logo_01.gif" alt="Bannière du site" />
	
</div>

et voici mon css :

.banniere_02
{
width:575px;
height:90px;
background: url('../images/palmier_bg.jpg') repeat-x;
border:none;
float:left;
}

mon background n'apparaît pas pourtant le logo est un gif transparent...

avec une image png ça fonctionne, mais le souci c'est que avec ie ça ne fonctionne pas. Vive ff...