Problème d'affichage pour mon site internetRésolu/Fermé

Question

Hello tout le monde !

J'ai un problème d'affichage avec le site que j'ai crée. Vous allez avoir de la peine à comprendre avec le texte mais avec les images vous comprendrez mieux.

Le problème est le suivant : Lorsque je consulte mon site internet depuis mon ordinateur tout va bien. Mais sur d'autres ordinateurs ayant un écran plus grand le contenu de mon site s'affiche à la bonne position mais vu que l'écran est plus grand, l'image va se répéter au lieu d'être affichée qu'une seule fois et celà sur la longueur totale de l'écran.

Rien compris ? Je vous laisse regarder ces 2 images.

http://imageshack.com/f/3k11rf8j

https://imageshack.com/



Je pense que cela provient de la résolution différente de l'écran. Comment faire pour que l'affichage soit le même sur chaque écran, même si leur résolution est différente ?


Si ca se trouves vous avez encore rien compris.. Merci de votre aide !

A+

Gihef · Answer

Bonjour,

Différentes réponses peuvent être apportées.
Mais il faudrait savoir comment tu fais pour placer ton arrière-plan.
Des images ne le disent pas.  background-repeat : no-repeat;  ?

--

M0ustiko · Answer

Je l'ai mis à partir des options dans Macromedia (Page properties, background-image).

M0ustiko · Answer

Merci, concernant la répétiton de l'image c'est réglé.

Par contre j'ai un autre problème, comme je l'ai dis, sur des ordinateurs ayant un écran plus large mon site occupera pas la largueur entière de l'écran, est-ce qu'il y'a moyen (avec du css je suppose) que mon site s'affiche en fonction de la largueur de l'écran et ainsi occupe toute la largueur de celui-ci  ?

Merci de votre aide.

Dora The Explorer · Answer

Salut!

Pour avoir un site adaptable selon la résolution il faut appliquer des pourcentages.

#machin{
width:100%;
}

Déclarer un ou deux éléments (l'un à gauche, l'un à droite) en pixels cette fois et le corps s'adaptera automatiquement:
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design-trois-colonnes-positionnement-flottant

Gihef · Answer

“savoir comment tu fais”
ne veut pas dire sur quel bouton de quel logiciel tu cliques (tout le monde ne possède pas tous les logiciels de mise en page web de tous les systèmes d'exploitation), mais quelle technique (HTML, CSS…) tu emploies.
Seul le code de la page peut le montrer.

Du code ?
Une adresse de la page ?

Sinon, on va causer dans le vide, faire des suppositions.

--

Dora The Explorer · Answer

http://freesport.schompfteam.com/accueil/accueil.htm

=DD
Je te souhaite bonne chance Gihef. Le code me donne mal à la tête rien qu'à y regarder.

Gihef · Answer

“Le code me donne mal à la tête”
C'est normal. C'est un tableau.
Même bien présenté…

Essayebody {
/*  background-image: url(image/design.jpg); */
  background: #000 url(image/design.jpg) 0 0 no-repeat;
  }
++
N'hésite pas à donner des noms évocateurs à tes styles.
Pas de .style1, .style2, .style62584923741…

--

M0ustiko · Answer

Merci de votre aide, normal que ce soit le bordel, j'ai tout fais à partir de tableaux, et je sais que c'est pas ce qu'il y'a de mieux niveaux affichage..

Gihef · Answer

De rien.

C'est résolu alors ?

--

M0ustiko · Answer

Ben pas entiérement.. J'essaie d'adapter mon site pour les différentes résolutions d'écran avec l'aide du message de Dora et du lien mais je peine un peu à tout comprendre...

Dora The Explorer · Answer

Salut!

Oui j'avais bien vu que c'était un tableau... et l'historie des style 1 à ... ALors j'ai direct passé mon chemin. Trop mauvais =p
En fait Moustiko, là le tuto explique un design en trois colonnes avec des flottants et deux positionnements fixes sur la gauche et la droite.
Seul le contenu du centre, dont on ne précise pas la largeur, est extensible.

Mais ça ne correspond pas à ton cas, puisque tu as un tableau. Je suppose qu'il faudrait donner des pourcentages aux cellules de ton tableau... mais je n'ai jamais touché aux tableaux donc...

Bonne chance :D

Gihef · Answer

Avec une image de fond de cette taille, tu vas avoir du mal.
Tu peux adapter en partie en centrant l'ensemble.

Vois http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

--

M0ustiko · Answer

Ouais mais si je centre le tout ca va pas aller car le menu doit être collé à gauche..

Mais bon c'est pas grave, ca va quand même. Merci de votre aide en tout cas. ++

M0ustiko · Answer

Juste une chose encore en fait... J'connais un site qui a un design assez ressemblant au mien et avec lequel ca marche parfaitement : 

http://www.lausannehc.ch/index.asp


J'sais pas si en consultant le code vous arrivez à voir l'astuce..

Désolé d'encore vous dérenger..

M0ustiko · Answer

Ah non enfaite chez eux aussi ca foire^^

Bon bah à plus..

Gihef · Answer

Essaye comme ça.html, body {
	text-align : center;
	margin : 0;
	padding : 0;
	}
body {
/*	background-image: url(image/design.jpg);*/
}
body>div[align="center"] {
	margin : 0 auto;
	width : 1109px;
	height : 931px;
	background: #000 url(image/design.jpg) 0 0 no-repeat;
  }
body,td,th {
	color: #000000;
}
.style1 {
…Ça serait plus simple si tu t'y prenais autrement.
Avec une image moins large peut-être…

--

Problème d'affichage pour mon site internet

16 réponses

Discussions similaires

Newsletters