|
|
|
|
Bonjour,
Tout d'abord, voici mon code :
Page php :
<div id="page">
..... d'autres DIV
</div>
CSS :
#page {
margin-left: auto;
margin-right: auto;
background-image: url(wp-content/themes/theme_natie/images/fond.jpg);
}
Je cherche à mettre une image en background de ma div "page". Avec cela, ça ne s'affiche pas.
Ensuite je voudrais qu'elle contienne toutes les autres div de ma page afin de tout centrer quelque soit la taille de la fenêtre du navigateur.
Enfin, je travail en local donc l'url de mon image de fond et bon.
Je suis actuellement en stage donc sans vouloir faire le "boulet" j'aimerais une réponse assez rapide SVP, car j'ai besoin d'avancer sur mon projet (à rendre dans 1semaine/1semaine et demi).
Merci beaucoup pour le coup de pouce ! =D
Configuration: Mac OS X Firefox 3.0.6
Enfin, je travail en local donc l'url de mon image de fond et bon. L'un n'implique pas forcement l'autre... Vérifie quand même. ce que je fais parfois pour vérifier le positionnement de mes div c'est d'y rajouter momentanément un cadre (border). Exemple: border:1px solid #000;Webmaster indépendant. |
Dans ce cas insère la mais ne la met pas en background, met la direct dans ton fichier html.
|
Salut,
body{
width:800px; /* à adapter */
margin:0 auto;
background-image:url(tonimage.jpg);
background-position:50% 0;
background-repeat:no-repeat;
}
si l'image ne s'affiche pas, vérifie ton ciblage en appliquant une propriété bidon et en voyant si elle s'applique bien : body{
border:1px solid red;
}
si cette propriété s'applique c'est que l'URL de l'image est mauvaise. si ton style est dans une feuille de style distincte et qu'elle est contenue dans un dossier, ajoute "../" au début de ton URL. les guillemets ne sont pas obligatoires pour l'URL. [ Mathieu ] Il y a sûrement des pandas pour ne dépendre de rien |
Bonjour,
|
arthezius :
|
Alors...
<div id="page">
<div id="header">
<div id="logo"></div>
<div id="band_menu">
<div id="bandeau"></div>
<div id="menu"></div>
</div>
</div>
</div>
// la div "page" se ferme sur ma page index que voici :
<?php get_header(); ?>// appel de la page header.php
<div id="left"></div>
<div id="content">
<div id="text_present"></div>
<div id="cadre1"></div>
</div>
</div> // fermeture de la div "page"
J'ai suivit un tuto pour créer des templates de wordpress donc le fait que ma div "page" soit coupé est normal, à priori. Même sans êrte coupée, elle ne prends que mon entete. EDIT : en fait l'image s'affiche avec l'url : http://localhost:8888/....bla bla bla.../images/fond.jpg Seulement ca reste dans ma div "header" ! Voici un schéma de ma page : http://img212.imageshack.us/my.php?image=sanstitregu8.png |
Répondre à Dalida
|
Afficher image au passage souris css div Aligner image centre d'une div css Centrer le text en hauteur dans une div css Couleur div en css Css afficher div Css bord div rond Css gestion des div Div css hover Div class css Div css Div css au premier plan pas limiter par un autre div Div css retour à la ligne Div dans div css Div imbriquées et images css Découper div avec css Image sort div css Lien div css Positionner un texte dans un div css
