Background repeat + Background central no repeat ... possible ?

Background repeat + Background central no repeat ... possible ? - HTML/CSS - Programmation

Marsh Posté le 22-10-2008 à 03:33:30    

Salut à tous :hello:  
 
Visiblement j'ai encore besoin d'un coup de main pour mon index là où je pensais pouvoir me débrouiller seul.
 
J'aimerai avoir deux background
-> un repeat de 4x4 pixels
-> une image de 950x700 pixel centrée
 
l'intêret ? J'ai un flash de 850 x 600 centré sur ma page et j'aimerai l'intégrer plus esthétiquement dans ma page sans avoir a travailler sur un flash de 950.
 
J'ai testé les deux codes suivants:
 
 
 
 
BODY {  
  background: white url("background_repeat.jpg" );
  background-repeat: repeat;
  background-position: center;
}
 
 
 
 
 
BODY {
background-position: center center ;
background-image: url('background.jpg') ;
background-repeat: no-repeat ;
width: 950px ;
height: 700px ;  
}
 
 
 
 
Les deux sont bons mais je ne peux pas utiliser les deux en simultanné. J'ai testé en en placant un en BODY et l'autre en HTML le soucis c'est qu'à ce moment là c'est mon flash qui n'est plus centré.
 
Si quelqu'un à une idée je suis prenneur  :)


---------------
Mon Feedback Hardware --- | 66 ventes | - | 11 achats | --- : http://forum.hardware.fr/forum2.ph [...] mreponse=0
Reply

Marsh Posté le 22-10-2008 à 03:33:30   

Reply

Marsh Posté le 22-10-2008 à 07:40:19    

le deuxieme background doit etre positioné dans une div contenu dans le body sinon ce n'es pas possible


---------------
Recette cookeo Recette de cuisine
Reply

Marsh Posté le 22-10-2008 à 11:20:22    

Oui, il s'agit d'un emboitement de DIV :)
Centre une DIV de 950*700 comme je te l'ai montré dans l'autre post (appel là "conteneur" par exemple pour le CSS)
Pour la Div du Flash, mais lui une position "relative" et non "absolute", top :50px et right 50px...
Le fais de mettre en absolute permet de placer par rapport au coin haut/gauche de l'element dans lequel on est (ici, conteneur), et non par rapport à celui de la fenêtre.
 
 


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Sujets relatifs:

Leave a Replay

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