Comment faire un fond comme ça ? sur le forum Création de sites web - 29-04-2008 22:50:52

Liste des sujets

Comment faire un fond comme ça ?

Houlyy

Niveau 3

29 avril 2008 à 22:50:52

Salut,

Voilà je voudrais avoir ça comme fond (le noir et le blanc) (comme jeuxvideo.com) :

http://img183.imageshack.us/img183/5969/fondquejeveuxuh0.jpg

Et pour l'instant j'ai ça :

http://img183.imageshack.us/img183/2673/fondquejairo3.jpg

En fait je voudrais savoir comment je peux faire le fond blanc en gardant mon fond actuel mais derrière ?

merci de vos réponses

Pseudo supprimé 30 avril 2008 à 01:16:54

T'as sûrement un div global qui contient tout tes trucs rouges pour bien centrer la page non ?

Suffirait de mettre un fond blanc à ce div, et un fond noir au body.

spartan_18

Niveau 39

30 avril 2008 à 17:48:16

Ou alors une image avec le centre blanc et les bords noir.

mr_monkey

Niveau 10

01 mai 2008 à 11:21:35

Il est possible de centrer un background avec css le problème c'est que la seule balise à avoir une hauteur de 100% est la balise body, même si tu met un fond noir à ton body et que tu met un div global avec une largeur de 100% ta barre blanche ne fera que la hauteur de ton site et pas toute la page, après il existe peut-être des astuces mais je ne les connaît pas et, personnellement, les astuces j'aime pas ça ^^

deepblue

Niveau 16

01 mai 2008 à 12:12:57

Si le body a une image de fond, ce que tu veux faire n'est pas possible en pur css, sinon ça l'est.

deepblue

Niveau 16

01 mai 2008 à 12:24:01

http://bordel.deblan.fr/html/houlyy.html

deepblue

Niveau 16

01 mai 2008 à 12:25:27

(enfi si c'est possible, mais ça serait débile de le faire : une grosse image de fond...)

CanardPC

Niveau 10

01 mai 2008 à 19:31:52

L'astuce consiste à mettre les sélecteurs html et body avec une hauteur de 100% en CSS.

@houlyy : un conteneur de largeur fixe positionné dans ton body fera amplement l'affaire.

deepblue

Niveau 16

01 mai 2008 à 21:20:56

un height 100% ne fera pas ça

mr_monkey

Niveau 10

02 mai 2008 à 07:28:34

Oui mais en fait body fait bien 100% lui non ? Par contre je ne sais pas si on peut appliquer un style à la balise <html>

Jeune-Padawan

Niveau 6

02 mai 2008 à 15:46:39

A ma connaissance, non !

CanardPC

Niveau 10

05 mai 2008 à 17:36:58

Si, il est possible d'appliquer un style à html qui est le seul élément à hériter d'un élément enfant, en l'occurence body.

@ deepblue : mettre html et body à 100% en hauteur te permet de forcer l'affichage d'un footer de façon à ce qu'il soit systématiquement en bas de page.

Jeune-Padawan

Niveau 6

05 mai 2008 à 17:58:20

<html> hérite de 2 enfants :
- <head>
- <body>

J'aimerai bien savoir quel style on peut donner à <html>
Définir la hauteur de <body> à 100%, ok, pas de soucis.
Mais la même chose pour <html>, je ne pense pas que ça ai la moindre influence.

Peux-tu nous dire quelles sont tes références pour être si catégorique ?

CanardPC

Niveau 10

05 mai 2008 à 18:19:42

Tu veux connaître mes références ?
gebruik@gmail.com t je te répondrai

Jeune-Padawan

Niveau 6

05 mai 2008 à 21:47:49

C'est ici ou rien !
Qu'as-tu à craindre de les donner à tout le monde

CanardPC

Niveau 10

05 mai 2008 à 22:01:21

Je n'ai pas à exposer mon CV ici, mais je reste à ta disposition si tu souhaites en savoir plus.
D'ailleurs, ma présence ici serait finalement difficilement justifiable.

Jeune-Padawan

Niveau 6

05 mai 2008 à 22:11:30

Je pense qu'on s'est mal compris. Ce ne sont pas tes références en matière de développement web qui m'intéresse, mais tes sources. Ce qui te permet d'être aussi affirmatif.

CanardPC

Niveau 10

05 mai 2008 à 22:25:14

Des navigateurs tels qu'Opera dans sa version 8 notamment considèrent que l'élément parent de tout ce qui est affiché sur le navigateur est html et non body.

Pour préciser mon exemple, si tu mets une hauteur de 100% à ton body, tu pourras placer un footer en position absolu avec une valeur bottom à 0. Ainsi, il apparaîtra systématiquement en bas de ta page indépendamment de la hauteur de la fenêtre du navigateur.
Affecter cette hauteur de 100% à body et html garantit un bon fonctionnement de cet effet sur un plus grand nombre de navigateurs.

Jeune-Padawan

Niveau 6

05 mai 2008 à 22:40:33

A ma connaissance, ça n'est pas reconnu par le w3c et ça n'a aucune influence sur <html>.
Ca ne suit aucune logique.

J'utilise cette méthode par exemple pour ce genre de squelette de page :
http://www.yodasworld.info/modeles/HTML/

Nul besoin d'affecter du css à <html>, le faire sur <body> suffit et ça fonctionne avec IE, FF et Opera

Jeune-Padawan

Niveau 6

05 mai 2008 à 22:41:59

Des navigateurs tels qu'Opera dans sa version 8 notamment considèrent que l'élément parent de tout ce qui est affiché sur le navigateur est html et non body.

ça a toujours été le cas, sinon, ils ne tiendraient pas compte de ce qui se trouve dans <head>.

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

News jeu

110 471 spectateurs

Halo: Campaign Evolved fait de la coopération sa plus grande force

Loin de se limiter à une simple refonte graphique, Halo: Campaign Evolved reconstruit la campagne du premier Halo en accordant une place centrale à la coopération. Que ce soit pour découvrir l'aventure une première fois ou la parcourir à nouveau, le titre multiplie les options pour permettre aux joueurs de former facilement une escouade, tout en ajoutant de nouvelles mécaniques qui encouragent la rejouabilité.

Toutes les news jeu