Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1679 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] 2 images en fond

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] 2 images en fond

n°772909
kameha
Posté le 22-06-2004 à 16:21:37  profilanswer
 

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

mood
Publicité
Posté le 22-06-2004 à 16:21:37  profilanswer
 

n°772919
T509
$job->GetJob(now)
Posté le 22-06-2004 à 16:25:05  profilanswer
 

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

n°772921
kameha
Posté le 22-06-2004 à 16:27:03  profilanswer
 

euh...vous pouvez répéter

n°772925
kameha
Posté le 22-06-2004 à 16:29:12  profilanswer
 

j'ai pas compris

n°772934
kameha
Posté le 22-06-2004 à 16:35:36  profilanswer
 

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

n°772938
boulax
Inserer phrase hype en anglais
Posté le 22-06-2004 à 16:38:34  profilanswer
 

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

n°772952
T509
$job->GetJob(now)
Posté le 22-06-2004 à 16:48:22  profilanswer
 

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

n°772990
kameha
Posté le 22-06-2004 à 17:16:44  profilanswer
 

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
n°772995
T509
$job->GetJob(now)
Posté le 22-06-2004 à 17:24:17  profilanswer
 

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

n°772998
kameha
Posté le 22-06-2004 à 17:27:17  profilanswer
 

d'un objet dans le cadre du dessus

mood
Publicité
Posté le 22-06-2004 à 17:27:17  profilanswer
 

n°772999
kameha
Posté le 22-06-2004 à 17:28:25  profilanswer
 

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

n°773007
T509
$job->GetJob(now)
Posté le 22-06-2004 à 17:33:37  profilanswer
 

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

n°773010
kameha
Posté le 22-06-2004 à 17:35:56  profilanswer
 

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

n°773020
T509
$job->GetJob(now)
Posté le 22-06-2004 à 17:45:15  profilanswer
 

ben tu as le choix alors : avec ou sans ombre

n°773043
kameha
Posté le 22-06-2004 à 17:59:20  profilanswer
 

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

n°773071
T509
$job->GetJob(now)
Posté le 22-06-2004 à 18:15:29  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] 2 images en fond

 

Sujets relatifs
pb avec les cssPetite question CSS => Marge des tableaux
css ie:ok firebird: rien du toutgérer 2 CSS
changer la couleur de fond d'une zone de texteFormulaire de sondage XHTML/CSS ! Help !
affichage xhtml et css ... prob positionnement IE et Firefoxgrrrrrrrrrrrr css
[css] centrage sous tous les navigateurs.aidez moi pour css et repeat-x
Plus de sujets relatifs à : [CSS] 2 images en fond


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR