PS1.5 : Insérer dans le header une image de fond

[benji41]

Hello !

 

Je suis en PS 1.5 et j'aimerais afficher une image de fond dans le header

 

Pour cela j'ai rajouté les lignes concernant ma bannieredans mon global.css

 

#page {background: #fff }
#header {z-index:10}
#columns {z-index:1}
	#banniere {
		background: transparent url('../img/ban4.jpg') no-repeat top left;
		float: left;
		height:146px;
		width: 967px;
	}
	#banniere a {
		text-decoration: none;
		display: block;
		height: 100%;
		width: 100%;
	}
	#left_column {}
	#center_column {}
	#right_column {}
#footer {}

 

Mais je n'arrive pas à adapter mon header.tpl pour que l'image se place en dessous de la barre de recherche

 

<div id="page" class="container_9 clearfix">

		<!-- Header -->
		<div id="header" class="grid_9 alpha omega">

			<div id="banniere">
		<a href="http://www.easyjap.net/index.php"> </a>
		</div>

		<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
				<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
			</a>

			<div id="header_right" class="grid_6 omega">

		{$HOOK_TOP}
			</div>
		</div>

 

Voici le resultat obtenu sur mon site

 

http://www.easyjap.net

 

Merci !

Edited June 23, 2012 by benji41 (see edit history)

[benji41]

Bon finalement j'ai trouvé tout seul

 

Il suffit d'ajouter la propriété background dans le fichier global.css

 

/* ************************************************************************************************
       struture
************************************************************************************************ */
#page {background: #fff }
   #header {z-index:10;
               background: transparent url('../img/ban.jpg') no-repeat top left;
               height:200px;
           width: 975px;
           }
   #columns {z-index:1}

       #left_column {}
       #center_column {}
       #right_column {}
   #footer {}

 

Yeah !