CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Fond seulement sur les côtés

A-222
A-222
Niveau 10
01 juin 2007 à 18:38:01

Bonjour,

Je cherche à mettre un fond seulement sur les côtés, comme sur jeuxvideo.com.
Quand je mets mon fond ils se met en dessous de tout les div, comment fait-on pour qu´il se mette juste sur les côtés ?
Merci :-)

darth-bane
darth-bane
Niveau 10
01 juin 2007 à 18:52:57

Le fond est placé sur le body, ensuite, il suffit de définir une couleur de fond pour le div qui sert de cadre au reste.

A-222
A-222
Niveau 10
01 juin 2007 à 19:05:38

D´accord merci !
En fait j´avais pas mis du div qui fait le cadre ^^

A-222
A-222
Niveau 10
01 juin 2007 à 19:14:16

je l´ai mi, mais maintenant pour qu´il se mette derrière tout les autre div je fais comment ? :question:

axeee
axeee
Niveau 9
01 juin 2007 à 19:38:47

Euh normalement si c´est sur body, ça va derriere tous les div, passe l´url du site ou le code s´il n´est pas sur internet stp

A-222
A-222
Niveau 10
01 juin 2007 à 19:43:38

CSS
body
{
width: 760px;
margin: nix; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d´enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("fond.png"); /* Une petite image de fond pour éviter d´avoir un vieux fond blanc :p */
}

  1. cadre

{
width: 650px;
height: 900px;
}

:d) :d) xHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Tokio Hotel Live</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="prems.css" />
<link rel="alternate stylesheet" media="screen" type="text/css" title="Deuxième Design" href="deuz.css" />
</head>
<body>

<div id="cadre">
</div>

darth-bane
darth-bane
Niveau 10
01 juin 2007 à 21:02:34

body
{
width: 760px;
margin: nix; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d´enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background: url(fond.png); /* Une petite image de fond pour éviter d´avoir un vieux fond blanc :p */
}

  1. cadre

{
width: 650px;
height: 900px;
background: white; /* ou #FFFFFF ou la couleur que tu veux ou même une autre image */
}

saintange
saintange
Niveau 10
01 juin 2007 à 22:45:17

body
{
text-align:center;
background-image:url("lien.jpg");
}

  1. cadre

{
width:656px;
height:121px;
background-image:url("lien2.jpg");
margin-left:auto;
margin-right:auto;
text-align:left;
}

le text align sert a centrer ta page sous ie.
le margin te sert ici a centrer ta page pour firefox.

A-222
A-222
Niveau 10
02 juin 2007 à 12:55:52

Les codes marchent mais le div se mets au dessus de tout les autres, moi j´aimerais qu´il se mette derrière ! :)

darth-bane
darth-bane
Niveau 10
02 juin 2007 à 14:36:59

saintange :d)
pas besoin de mettre background-image, background suffit.
Il ne faut pas encadrer le chemin+nom de l´image par des ´ ou ", les parenthèses suffisent.

A-222
A-222
Niveau 10
05 juin 2007 à 16:35:47

Les code de saintange marche pas, le tiens Darth il marche mais le cadre se met au dessus de tout les autres div, moi je voudrais qu´il se mette derrière ! :-d

saintange
saintange
Niveau 10
05 juin 2007 à 16:46:37

heu comment ça il marche pas ? :doute:

A-222
A-222
Niveau 10
06 juin 2007 à 15:14:42

Ben non il marche pas :(

saintange
saintange
Niveau 10
06 juin 2007 à 16:38:00

J´espère que tu n´as pas fait bêtement du copier coller sans changer les liens des images ! :nah:

A-222
A-222
Niveau 10
11 juin 2007 à 18:10:48

Non non !

A-222
A-222
Niveau 10
13 juin 2007 à 15:30:22

CSS :
body
{
width: 760px;
margin: nix; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d´enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("fond3.png"); /* Une petite image de fond pour éviter d´avoir un vieux fond blanc :p */
background-repeat: no-repeat;

}

  1. cadre

{

width:400px;
height:800px;
background-image:url(fond4.png);
margin-left:auto;
margin-right:auto;
text-align:left;
}

:d) XHTML
<div id="cadre">
</div>

A-222
A-222
Niveau 10
20 juin 2007 à 18:41:30

:up:

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment