Background Website mal adapté ... Comment faire ?

Salut, voilà j'ai fais un webdesign complet en 1024x768 seulement voila si je découpe mon site web et que je définis ce fond en tant que background pour mon siteweb, celui-ci étant en 1024x768, si une personne qui possède une résolution de 1280x800 veut visiter mon site il verra un blanc sur le côté droit.

Je ne veux pas répété mon background (sinon on verrait une moitié du cadre principal c'est pas esthétique)

Comment faire pour redimensionner le fond pour qu'il s'adapte ?

D'avance merci

Ps : je ne sais pas si je me suis bien exprimé, si pas demandez moi et je réexpliquerais :-'

Ps² : bien évidemment j'aimerais aussi que les images, le texte et le reste suive le déplacement :]

Ce n'est pas faisable pour être esthétiquement "beau".

Je m'explique :

- Même si il y a une méthode, ton image devra s'adapter à tous les styles d'écran (16/9, 16/10 etc). L'image sera alors déformé, pixelisé si à la base est en 1024*768.

Conclusion : Ca ne sert à rien de mettre une image en background, le plus simple est de mettre une couleur ou alors de faire un arrière plan en dégradé avec une fine "ligne" qui se répètera sur toute ta page et permettra de faire croire qu'il s'agit d'une image avec un fond en dégradé.

Noir 黑色 a dit:

Ce n'est pas faisable pour être esthétiquement "beau".

Je m'explique :

- Même si il y a une méthode, ton image devra s'adapter à tous les styles d'écran (16/9, 16/10 etc). L'image sera alors déformé, pixelisé si à la base est en 1024*768.

Conclusion : Ca ne sert à rien de mettre une image en background, le plus simple est de mettre une couleur ou alors de faire un arrière plan en dégradé avec une fine "ligne" qui se répètera sur toute ta page et permettra de faire croire qu'il s'agit d'une image avec un fond en dégradé.

Cliquez pour agrandir...

Tu te souviens mon webdesign sur lequel tu as réagit dans cette section ? il sagit de celui la

Grosomodo il ressemble un peu a gamerz, il y a des lignes en gris tout le long et un bloc qui se détache de ca (là où l'on écrit en ce moment)

En gros je dois séparer la partie où nous écrivons de celle qui se déroule en arrière plan ?

Pour la partie avec les lignes grises je dois faire une simple répétition donc ?

mmhhh... tu as fait une feuille de style (CSS) ?

C'est la que ça se joue le mode "repeat" pour ton "background".

Non je ne me souviens plus de ton site mais bon j'ai tellement de choses en tête pour l'instant.

essaies d'aller voir sur "lesiteduzero" pour de plus amples explications.

Il suffit d'avoir différentes feuilles de styles ... Le plus simple est d'en avoir une principale utilisée pour tous types de résolution. Tandis que les autres feuilles contiendront seulement les styles à changer en fonction de la résolution. (Il te faudra alors plusieurs images que tu chargeras via le css selon la résolution donc)

Bref, avec un peu de php

Ou alors, directement dans le code css intégré à la page php mais on ne respecte alors plus la scission entre mise en page et contenu

En attendant demain que j't'explique tout cela en exemple, fais tjs pêter un lien avec ton design

SkYlEsS a dit:

Il suffit d'avoir différentes feuilles de styles ... Le plus simple est d'en avoir une principale utilisée pour tous types de résolution. Tandis que les autres feuilles contiendront seulement les styles à changer en fonction de la résolution. (Il te faudra alors plusieurs images que tu chargeras via le css selon la résolution donc)

Bref, avec un peu de php

Ou alors, directement dans le code css intégré à la page php mais on ne respecte alors plus la scission entre mise en page et contenu

En attendant demain que j't'explique tout cela en exemple, fais tjs pêter un lien avec ton design

Cliquez pour agrandir...

http://www.Lilium-Studio.be > dans mon projet

Merci pour l'explication

As-tu compris ou as-tu besoin d'exemples au fait ?

Sinon, voici ce dont je parle comme 'expression' (javascript) :

http://forum.alsacreations.com/topic-4-10908-1-Rsolu-Proprit-minright-ou-expressions--firefox.html (Ils tiennent compte du windows.onresize, ce que je trouve moi inutile) :roll:

Sinon :

http://forum.alsacreations.com/faq/...ight-et-max-height-sur-Internet-Explorer.html

SkYlEsS a dit:

As-tu compris ou as-tu besoin d'exemples au fait ?

Sinon, voici ce dont je parle comme 'expression' (javascript) :

http://forum.alsacreations.com/topic-4-10908-1-Rsolu-Proprit-minright-ou-expressions--firefox.html (Ils tiennent compte du windows.onresize, ce que je trouve moi inutile) :roll:

Sinon :

http://forum.alsacreations.com/faq/faq-81-Min-width-max-width-min-height-et-max-height-sur-Internet-Explorer.html

Cliquez pour agrandir...

Impeccable tout ça mon ptit Sky :-D

Merci :=)