[CSS] 2 images en fond

2 images en fond [CSS] - HTML/CSS - Programmation

Marsh Posté le 22-06-2004 à 16:21:37    

salut,
j'ai un ptit probleme.
dans un tableau j'ai mis une image en fond:

Code :
  1. .titre-rubrique {
  2. height: 26px;
  3. background-image: url(../images/home/pixel-blue2.gif);
  4. }


 
C'est un pixel qui me permet d'avoir une couleur exact.
 
Par contre je voudrais aussi une image genre:
 

Code :
  1. background-image: url(../images/home/ombre-tc-blue.gif);
  2. background-repeat: no-repeat;
  3. background-position: right top;


 
Comment finter?
merci

Reply

Marsh Posté le 22-06-2004 à 16:21:37   

Reply

Marsh Posté le 22-06-2004 à 16:25:05    

une seule image qui assemble les 2 : selon l'endroit où tu veux ton ombre, une ligne ou 1 colone de 1px de largeur/hauteur que tu répète dans l'autre direction

Reply

Marsh Posté le 22-06-2004 à 16:27:03    

euh...vous pouvez répéter

Reply

Marsh Posté le 22-06-2004 à 16:29:12    

j'ai pas compris

Reply

Marsh Posté le 22-06-2004 à 16:35:36    

please, tu peux me re-éxpliquer, ça l'air interessant, mais je n'ai pas du tout compris ta methode

Reply

Marsh Posté le 22-06-2004 à 16:38:34    

Il dit que tu dois creer une image entiere et y incruster ton ombre

Reply

Marsh Posté le 22-06-2004 à 16:48:22    

Tu as une cellule de x pixel en largeur et y pixels en hauteur
Tu crée une image entière avec ton ombre de taille x, y
Selon l'endroit où se trouve l'ombre, tu découpes une tranche de x par 1 pixel si l'ombre est en haut ou en bas et de 1 par y pixels  si l'ombre est à gauche ou à droite
 
Tu insère ton image avec ton CSS et tu la répète dans la direction qui convient (en x si c'est une tranche verticale, en y si elle est horizontale)
 
Il y a une tuto là dessus sur pompage.net

Reply

Marsh Posté le 22-06-2004 à 17:16:44    

T509 a écrit :

Tu as une cellule de x pixel en largeur et y pixels en hauteur
Tu crée une image entière avec ton ombre de taille x, y


ça donne ça:
http://www.courchevel.com/temp/css-1.jpg
 

T509 a écrit :

Selon l'endroit où se trouve l'ombre, tu découpes une tranche de x par 1 pixel si l'ombre est en haut ou en bas et de 1 par y pixels  si l'ombre est à gauche ou à droite


là je bloque, il faut que je découpe ma tranche dans le haut de l'image de 615px par 1px?


Message édité par kameha le 22-06-2004 à 17:17:00
Reply

Marsh Posté le 22-06-2004 à 17:24:17    

ton ombre, elle est ombre de quoi ? (hmm pas français ça !)

Reply

Marsh Posté le 22-06-2004 à 17:27:17    

d'un objet dans le cadre du dessus

Reply

Marsh Posté le 22-06-2004 à 17:27:17   

Reply

Marsh Posté le 22-06-2004 à 17:28:25    

jpourrais la virer, mais c'est le ptit detail qui va bien.
Genre ma frame du haut deborde sur ma frame du milieu.

Reply

Marsh Posté le 22-06-2004 à 17:33:37    

Dans ce cas, tu ne découpe pas une tranche, tu insère l'image complète

Reply

Marsh Posté le 22-06-2004 à 17:35:56    

quoi?! j'insert l'image que j'ai découpé ci dessus complete?
...a peine lourd

Reply

Marsh Posté le 22-06-2004 à 17:45:15    

ben tu as le choix alors : avec ou sans ombre

Reply

Marsh Posté le 22-06-2004 à 17:59:20    

sinon pour limiter la casse, je pourrais diviser ma cellule en 2 colonnes. D'un coté (la plus grosse partie), le pixel en fond, et dans l'autre colonne, une image entiere avec mon ombre qui va faire un truc comme 26px par 50px

Reply

Marsh Posté le 22-06-2004 à 18:15:29    

Tu vas faire toute ta mise en page avec des tableaux ?
 
AUtre solution tu superpose 2 calcues : 1 pour l'image de fond, un autre pour le contenu

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed