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 :

-moz-linear-gradient et ajout d'une image en repeat [CSS 3]


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 6
    Par défaut -moz-linear-gradient et ajout d'une image en repeat
    Bonjour à tous,
    Je me mets depuis peu au css3, et me retrouve face à un problème:
    Je souhaite appliquer un dégradé comme background, et à la fois afficher une petite image que je répète en X. Le dégradé s'affiche, mais pas l'image :/.

    Je vous présente le css:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    body{
    	background: #cfb091 url("../images/musicNotes.png") repeat-x top left;
    	background-image: -webkit-gradient(
    	    linear,
    	    left bottom,
    	    left top,
    	    color-stop(0.35, rgb(207,176,145)),
    	    color-stop(0.69, rgb(158,127,97))
    	);
    	background-image: -moz-linear-gradient(
    	    center bottom,
    	    rgb(207,176,145) 35%,
    	    rgb(158,127,97) 69%
    	);
    	font-family: "calibri";
    	margin: 0; 
    	padding:0; 
    	color:black;  
    	line-height: 1.4em;
    }

    Merci d'avance pour l'aide que vous pourriez m'apporter .

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    combine tes propriété css, tu auras moins de problèmes :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    body{
    	background: #cfb091 url("../images/musicNotes.png") repeat-x top left,
    	-webkit-gradient(
    	    linear,
    	    left bottom,
    	    left top,
    	    color-stop(0.35, rgb(207,176,145)),
    	    color-stop(0.69, rgb(158,127,97))
    	),
    	-moz-linear-gradient(
    	    center bottom,
    	    rgb(207,176,145) 35%,
    	    rgb(158,127,97) 69%
    	);
    	font-family: "calibri";
    	margin: 0; 
    	padding:0; 
    	color:black;  
    	line-height: 1.4em;
    }
    tu remarqueras que j'ai mis une virgule entre les valeurs de la propriété de background pour combiner image de fond et gradient.

    voici un lien utile :
    http://debray-jerome.developpez.com/...ounds-en-css3/

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 6
    Par défaut
    Ah PARFAIT ! =)

    Merci pour tout !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 07/05/2008, 11h31
  2. Réponses: 3
    Dernier message: 12/04/2008, 04h14
  3. Réponses: 2
    Dernier message: 10/11/2006, 14h23
  4. [RSS 2.0] Restriction du nombre d'items et ajout d'une image
    Par nath70 dans le forum XML/XSL et SOAP
    Réponses: 14
    Dernier message: 09/10/2006, 13h11
  5. Ajout d'une image ds un ListView
    Par Ribéry dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 10/08/2006, 17h56

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