Rechercher : dans
Par :

Changer image body dans CSS

Dernière réponse le 5 jan 2009 à 14:10:17 oxyang, le 2 déc 2008 à 16:19:34 
 Signaler ce message aux modérateurs

Bonjour, je vous explique mon probleme, voici le code:

body{background:url(images/mbg.jpg) left 105px repeat-x #212334;}

J'ai plusieurs pages dans mon site et en fait je voudrais mettre un fond different (moins haut) dans les autres pages que la page d'accueil et en fait j'ai essayer de mettre #page_1 devant body mais ça ne fonctionne pas alors que c'est ce que je fais pour les autres codes. comment je peux faire? merci à tous de m'aider.

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « Changer image body dans CSS » dans :
Changer l'aspect du curseur en CSS VoirLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Changer l'image de Grub VoirChanger l'image de Grub     Pour changer l'image d'arrière plan de Grub, qui se trouve dans l'archive /boot/gfxmenu, il suffit de la remplacer par une autre de la même dimension et du même nom, à savoir: 800*600, back.jpg Ouvrez une console...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

1

loveparade, le 2 déc 2008 à 16:43:23

Tu as qu'a le faire dans la page en cours, pour chaque page tu définis un background, sinon tu peux faire :

<body class="body1">
<body class="body2">
<body class="body3">


et dans le fichier css tu les mets a la suite les uns des autres. Tu n'obtient qu'un seul fichier css et a un background différent pour tes pages.

loveparade at your service

Répondre à loveparade

2

oxyang, le 5 déc 2008 à 09:48:31

Bonjour, donc je viens de mettre <body class="body1"> dans ma page web et .body1{background:url(images/mbg.jpg) left 105px repeat-x #212334;} dans mon fichier css mais ça ne fontionne pas et je n'arrive pas à trouvé une solution, comment faire car je suis un peu novice en la matiere. merci d'avance

Répondre à oxyang

3

oxyang, le 5 déc 2008 à 09:52:13

En fait j'utilise des pages modeles

Répondre à oxyang

4

oxyang, le 5 déc 2008 à 10:30:00

Encore moi, je mets le code comme ça?

title>Home</title>
<!-- TemplateEndEditable -->
<link href="../layout.css" rel="stylesheet" type="text/css" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="class" type="text" value="block_1" -->
</head>
<body id="page_1">
<div class="body1"> cette balise body1
<div class="min_width">
<div class="main">


et à la fin je mets une balise de fermeture comme ça?

<div class="clear"></div>
</div>
</div>
<!--========//footer=========== -->
</div>
</div>
</div> cette balise body1
</body>
</html>

Répondre à oxyang

5

loveparade, le 15 déc 2008 à 13:43:26

Non, dans la page 1 tu mets <body lcass="first">
dans la deuxieme <body class="second">
etc...
loveparade at your service

Répondre à loveparade

6

oxyang, le 15 déc 2008 à 14:05:42

Bonjour, le probleme c'est que ça me fait une marge blanche à droite

Répondre à oxyang

7

 loveparade, le 5 jan 2009 à 14:10:17

Ben tu peux faire ça en css, tu le fous dans les 2 pages ou alors tu fais un autre css que tu utilise pour toutes tes pages et tu aura par exemple :

<link rel="stylesheet" media="screen" type="text/css" title="Design0" href="fixe.css" />

<link rel="stylesheet" media="screen" type="text/css" title="Design1" href="design1.css" />

ou


<link rel="stylesheet" media="screen" type="text/css" title="Design0" href="fixe.css" />

<link rel="stylesheet" media="screen" type="text/css" title="Design1" href="design2.css" />
loveparade at your service

Répondre à loveparade