28173 sujets

CSS et mise en forme, CSS3

Image s'adaptant à la résolution de l'écran

Bonjour à tous,

J'ai un forum Vbulletin et j'avais décidé de lui donner un effet d'hombre via quelques images que j'utilise en CSS, quand j'ai ma résolution en 1024X768 tout va bien cela donne super bien, mais quand je change la résolution l'image ne s'adapte pas (voir image).

http://www.soltel.be/images/catastrophe.JPG

Quelqu'un serait-il m'aider ?

Mon code pour l'image d'en haut:

margin: 40px 24px 10px 10px;
margin-top: 169px;
padding: 0px;
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2.jpg) no-repeat top center;


Mon code pour l'image d'en dessous qui donne l'effet d'hombre:
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_middle2.jpg) repeat-y  center;



Un tout grand merci Smiley confused
Salut,
tu découpe ton image bleu au milieu et tu en découpe 1px ( a un endroit ou l'image peut se répéter ), ensuite la ou tu l'a découpé tu met un div avec en background l'image de 1px que tu as découpé ...
Je sais pas comment mieu t'expliquer ...
Je l'ai découpé en 3 et donc je dois mettre ça ?

margin: 0% 2.4% 1% 1%;
margin-top: 16.8%;
padding: 0%;
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2left.jpg) no-repeat top left;
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2center.jpg) no-repeat top center;
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2right.jpg) no-repeat top right;


Car ça ça marche pas Smiley sweatdrop . Excuse moi car je suis nul en css ...
Nan pas du tout,
Tu fais 3 colones en fait, dans la partie gauche tu met la partie gauche de ton image, dans le div du milieu tu met ton image de 1px avec background et en repeat et dans celui de droite tu met ta partie droite ... j'arriverais pas a mieu t'expliquer
Le problème est que je ne peux que mettre (à cause de vbulletin) tout code que dans 1 description donc tout mon code doit être dans la même partie en quelque sorte... Smiley decu
Sujet clos
Aller à