Micro.Info • Consulter le sujet - Question de background avec un CSS

Consulter les messages sans réponse | Consulter les sujets actifs

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Question de background avec un CSS

Modérateur: Membres de 640kb

Page 1 sur 1

[ 4 message(s) ]

Sujet précédent | Sujet suivant

Auteur

Message

Fr1zZz

Sujet du message: Question de background avec un CSS

Publié: 28 Avr 2007, 11:18

A réponse à tout!

Inscription : 07 Jan 2002, 05:13
Message(s) : 3014
Localisation : Québec

Code :

body
{
   font-family: "Trebuchet MS", Verdana, serif;
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   color: #ededed;
   background-color: #ededed;
   background-image: url("images/fond.png");
   background-position: left;
   background-repeat: repeat-y;
   background-attachment: fixed;
}

Avec ça, j'ai un dégradé qui se répète verticalement du côté gauche de mon site web. Est-ce possible d'ajouter un autre image en background mais du côté droit?

Je veux que le tout soit redimensionnable selon la résolution des écrans. Je ne veux pas qu'un usager en perdre des bouts à cause qu'il est en 800x600.

Merci

_________________
* Intel Core i5-2550K (Cooler Master Hyper 212 Evo)
* ASRock Z68 Extreme3 Gen3
* G.SKILL Ripjaws X Series 16GB (2 x 8GB)
* BFG GeForce 8800 GT OC 512Mb (Arctic Cooling Accelero S1)
* Samsung 2493HM 24"
* SSD Mushkin Enhanced Chronos 120Gb
* Seagate 200Gb SATA2
* Seagate 250Gb SATA2
* Hitachi 1000Gb SATA2
* Maxtor 320Gb externe
* Seagate FreeAgent Go 250Gb externe
* ANTEC P180 & ANTEC Neo He 500w

Haut

Siger

Sujet du message:

Publié: 28 Avr 2007, 12:21

Fidèle

Inscription : 06 Jan 2003, 19:14
Message(s) : 689

Tu pourrais séparer ta page en 2 avec une table, chaque cell a 50% puis tu leur mets à chacune un background avec le css ci-haut. Ce n'est sûrement pas la manière cool de le faire en css, mais bon :p

_________________
Comparateur de prix informatique - InfoPrix.ca

Haut

Fr1zZz

Sujet du message:

Publié: 28 Avr 2007, 12:50

A réponse à tout!

Inscription : 07 Jan 2002, 05:13
Message(s) : 3014
Localisation : Québec

Siger a écrit:

J'ai peur de tout fucker ma page, elle est déjà terminée et il me manquerait juste ça à finaliser.

Si je garde le background de gauche dans mon CSS et que je met un background à droit dans le code html ça pourrait marcher?

Haut

Procyon

Sujet du message:

Publié: 28 Avr 2007, 13:30

Modérateur

Inscription : 07 Jan 2002, 15:10
Message(s) : 3551
Localisation : Beauport, Québec

Peut-être en te mettant un div qui englobe tout le reste:

Code :

<style>
   .GrosDiv {
      background-position: top left;
      background-image:url(Image1.JPG);
      background-repeat:no-repeat;
   }
   body {
      margin:0px;
      background-position: top right;
      background-image:url(Image2.JPG);
      background-repeat:no-repeat;
   }
</style>
<body>
<div style="height:100%; width:100%;" class="GrosDiv">
Toute ta page ici!
</div>
</body>

_________________
Procyon,
Modérateur de la section Trouvailles

Haut

Page 1 sur 1

[ 4 message(s) ]

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 0 invité(s)

Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum