Discussion :

[kirasakuya]

Bonjour

Assez récemment lancé dans le développement web, je me retrouve confronté à une réalisation épineuse...
En effet, devant reproduire un site à partir d'une maquette, un point me gène quelque peu, la page comprend un background en dégradé (bleu vers blanc) en haut (jusqu'ici tout va bien...) et également un dégradé (donc blanc vers bleu) en bas de page, commençant dans le footer, et se terminant sur le content

Pour plus de clarté, je met un croquis :



Je ne sais donc pas comment faire ce vilain dégradé de bas de page >_<

Merci d'avance pour votre aide ^^

[Ethyde]

Bonjour,

tout dépend de comment doit réagir ta zone de contenu, est elle extensible en hauteur, ou pas ? A t elle une hauteur mini/maxi ?

A l'évidence le graphiste responsable ne doit pas être très au courant des problématique du dev web en tout cas.

[kirasakuya]

Le problème vient pas mal des clients qui ont imposé certaines demandes au graphiste ^^; (mais bon, la n'est pas la question)

Donc le content est extensible, Il n'a pour le moment pas de hauteur minimale définie, mais je peux facilement rajouter ça

Et il n'y aura pas de maxi, certaines pages pouvant afficher des résultats en nombre variables

[Ethyde]

Je te conseil de mettre une hauteur mini au content pour éviter que les deux dégradés ne se chevauche. Sinon un moyen simple est d'ajouter deux div pour englober tout ton site la première qui portera le background du haut et la second celui du bas.

[kirasakuya]

Yop ^^ désolé du temps de réponse

Merci pour le conseil, ça marche nickel (c'était vraiment tout bête au final ^^; )

Merci encore!

[Lucas Panny]

Est-ce ridicule de créer une longue et mince image avec ce dégradé (image de 1 ou 2 px de width mais 1000px de height?

J'ai pensé à la technique des sprites CSS pour le répéter cote à cote afin d'obtenir ce que tu cherches: http://cssglobe.developpez.com/tutor...gement-images/