Pierre-Alain Dorange a écrit :
> alainL <jarailet@club-internet.fr> wrote:
>
>> Ce serait bien ! Mais ce n'est pas bien difficile de refaire une img
>> plus large -et plus lourde.
>> Donc: quelle taille serait adéquate ?
>
> Ce n'est pas une bonne solution.
> Regarde les stats de ton site et vois les utilisateurs qui ont les plus
> grands écrans, mais demain ça aurait changé et du coup ta grande image
> ne le sera plus...
>
> Ainsi par exemple si tu consultes les stats du W3Schools des écrans tu
> verras que chaque mois, les écrans des visiteurs sont de plus en plus
> grands et ça depuis des années.
>
> Si tu y tiens vraiment, les écrans très grands de nos jours sont du type
> 2560 x 1600 pixels. Mais dans 5 ans ça pourrait être 5000 x 3000.
>
>> Comment faire pour qu'elle couvre toute la largeur de la page
>> et se répète en cas de défilement ?
>
> il n' y que l'option repeat-x (ou repeat-y suivant les cas) qui étend la
> fond par répétition de l'image initiale. Simple et efficace, mais c'est
> pas une seule image, c'est un "motif" répété.
>
>> si c'est faisable avec les css .....
>
> Ce n'est pas conseillé, un fond devrait être petit et unis (donc
> répétable) pour faciliter la lecture. Il existe bien sur des cas
> particuliers.
>

Comme mon img va du vert foncé à gauche au vert très clair à droite, je
croyais avoir trouvé un truc :
finir le dégradé par un blanc à droite... mais voilà, l'image se recopie
à droite de la première et la zone plus sombre fait un bandeau
vertical si l'écran dépasse les 1200...
J'ai ça dans le style de body:
background-image: url("Images/fond_degrade.gif");

j'ai essayé:
background-image: url("Images/fond_degrade.gif")no-repeat;

mais l'image n'apparait plus :-((

Comment empêcher l'image de se répéter horizontalement ?




--
Alain L

Mon village en Haute Soule : http://jarailet.club.fr
Carnet de voyages: http://jarailet.club.fr/Randobal