28173 sujets

CSS et mise en forme, CSS3

Background image : en arrière plan ?

Bonjour, je me permet de solliciter pour un problème qui je crois est assez simple :
je veux positionner un élément (GIF) en background de mon site, mais seulement d'une seule page, pas de tout le site (c'est un blog wordpress)

je n'ai donc pas utilisé le Body et j'ai crée une div :


#motimage {
top: 150px;
left: 35px;
position: absolute;
display: block;
padding: 0px; margin: 0px;
height: 135px; width: 546px;
background-image: url(/wp/wp-content/themes/….gif); }


Bon.
ça marche mais l'image pas DEVANT le texte et le recouvre ! comment faire pour le passer derrière ?
Salut,

Sans une page en ligne ou au moins l'intégralité du code HTML et CSS, j'ai bien peur qu'il soit difficile de t'aider. Smiley cligne
voila déjà la partie qui nous interesse :


body { font-family: Helvetica, Arial,Verdana, Sans-serif;text-transform:lowercase;
font-size: 71%;line-height: 1.3em; background:white;  margin:40px 0 0 50px; padding: 0;text-align: center; /* IE hack Part 1 */}

#sidebar { height: 100%; float: left; width: 252px;text-align: left; /* IE hack Part 2 */ display: inline;text-decoration: none;}


et le code html :
<!-- begin home -->
    
<div id="motimage"> </div> 
<?php get_header(); ?>

<div id="container" class="clearfix">
<?php get_sidebar(); ?>      
</div>

  


<!-- end page -->
Pas vraiment plus clair avec ton bout de code Smiley ohwell
a écrit :
ça marche mais l'image pas DEVANT le texte et le recouvre ! comment faire pour le passer derrière ?

Cherche du côté des Z-index je pense
Bon courage
Modifié par gaelgerard (03 Oct 2007 - 01:09)
Salut,

Pourquoi pas "styler" (Ça se dit ?) le body de la page en question?

Css:
#fond{
Background: url(ton_image);
...
...
}

Html
<body id="fond">
...
Sujet clos
Aller à