IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Background Repeat Problème


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    109
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 109
    Par défaut Background Repeat Problème
    Bonjour,

    Je suis un humble débutant et j'ai un petit problème pour la création de mon fond.

    J'ai fait un fond bleu avec un dégradé sur photoshop, puis je l'ai mis dans mon CSS en background-image url sur un div "globale" qui englobe le reste.

    Le problème c'est que j'ai du fixer une taille sur photoshop ( 980 * 768 ) et du coup si le contenu de ma page est plus grand et bien le fond s'arrête.

    Et avec un repeat, il reprend le fond mais cela repart du haut de mon dégradé et du coup on voit la séparation.

    Il n'y a pas un moyen pour le fond se prolonge en fonction de la taille de la page.

    On m'avait dit qu'il fallait trancher sur phtoshop mais je ne sais plus.

    Merci encore

  2. #2
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par défaut
    Citation Envoyé par TRUNCKS Voir le message
    Bonjour,

    Je suis un humble débutant et j'ai un petit problème pour la création de mon fond.

    J'ai fait un fond bleu avec un dégradé sur photoshop, puis je l'ai mis dans mon CSS en background-image url sur un div "globale" qui englobe le reste.

    Le problème c'est que j'ai du fixer une taille sur photoshop ( 980 * 768 ) et du coup si le contenu de ma page est plus grand et bien le fond s'arrête.

    Et avec un repeat, il reprend le fond mais cela repart du haut de mon dégradé et du coup on voit la séparation.

    Il n'y a pas un moyen pour le fond se prolonge en fonction de la taille de la page.

    On m'avait dit qu'il fallait trancher sur phtoshop mais je ne sais plus.

    Merci encore
    Oublie cette notion de photoshop, d'abord j'espère que tu n'utilises pas photoshop pour faire de la CSS
    Mais sinon, il n'existe pas de réelle méthode pour faire qu'un fond s'étende en fonction de la hauteur de la page, sinon il deviendrait dégueulasse. Ce que je te conseille c'est de simplement déclarer une couleur de fond qui correspond à la dernière couleur de ton fond, et hop le problème est réglé

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    109
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 109
    Par défaut
    Non, en général je ne fait que les boutons sur photoshop.

    Donc pas moyen d'avoir un fond image sur un site.
    Il faudrait à la limite faire un fond de taille différente par page.

Discussions similaires

  1. Problème centrage image et background-repeat
    Par Edwardo39 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/06/2012, 20h36
  2. problème avec un background:repeat-y
    Par boobs60 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 18/03/2010, 12h45
  3. Problème de background repeat
    Par jubourbon dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/09/2009, 18h03
  4. problème background-repeat et height=100%
    Par valche5 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 03/08/2007, 23h21
  5. [css] Probleme avec background repeat
    Par meda dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/01/2006, 09h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo