Adapter son site à l'écran du visiteur :|Résolu/Fermé

Question

Bonjour, 
J'ai un souci sur mon site, au delà d'un écran 15", j'ai une grosse marge blanche horrible à droite du site, j'ai consulté de nombreux topics, mais hélas je n'ai pas de connaissance en html, java, css et autres langages si quelqu'un veut bien m'expliquer, pas à pas comment faire ce serait super sympa.
Je vous en remercie d'avance.

Flo313Z · Answer

on pourrai avoir quelque chose a ce mettre sous la dent...
un lien de ton site ou du code ca serai pas du luxe

zekur31 · Answer

Re c'est toujours moi, je me suis inscrit pour faciliter les choses. Désolé, c'est vrai que j'aurai dû mettre un lien...

www.love-test.fr

Flo313Z · Answer

le seul problème que je vois (dit-moi si c'est bien ca) c'est que quand agrandi mon écran le background(image de fond) ne suis pas :

voici 2 solutions :
tu mets le background au centre
ou/et
tu colorie le fond en noir

zekur31 · Answer

Merci pour ta réponse, oui en effet c'est bien le background qui ne suit pas, colorier le fond question esthétique ça ne va pas être terrible car j'ai mis une femme à gauche et une à droite et celle de droite on l'a voit pas, en tout cas pas sur ma 32" alors que sur mon 15" la mise en page est bonne. Je vais plus opter pour le centrage par contre comment dois je procéder ? Te faut-il les codes ?

Flo313Z · Answer

j'ai trouvé !!
c'est dans le fichier

http://www.love-test.fr/themes/content.css?v=217

il faut que tu change

body{
   font-family: Geneva, Arial, Helvetica, sans-serif;   font-size: 14px;   color: #ffffff;   font-weight: normal;   font-style: normal;   font-variant: normal;   text-align: left;   background-image: url(http://www.love-test.fr/medias/files/3-2.png);   background-position: left top;   background-repeat: no-repeat;      background-attachment: fixed;}

par ca



body{
   font-family: Geneva, Arial, Helvetica, sans-serif;   font-size: 14px;   color: #000;   font-weight: normal;   font-style: normal;   font-variant: normal;   text-align: left;   background-image: url(http://www.love-test.fr/medias/files/3-2.png);   background-position: center;   background-repeat: no-repeat;      background-attachment: fixed;}

j'ai pas test mais ca doit etre bon :)

zekur31 · Answer

Merci à toi c'est déjà plus joli :) par contre est-ce qu'il y a un moyen de baisser un peu le background car du coup il est trop haut et de combler aussi le blanc qui se trouve sur les 2 côtés ?

Flo313Z · Answer

essaye background-position: center center;

zekur31 · Answer

j'ai essayé mais ça n'a pas fait de changement

Flo313Z · Answer

essaye :

background-position: center top ;

Adapter son site à l'écran du visiteur :|

9 réponses

Discussions similaires

Newsletters