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 :

Modifier un degradé


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2014
    Messages : 80
    Par défaut Modifier un degradé
    Bonjour a vous tous !
    Je rencontre un probleme ce matin, mon but est que sur ma page web j'ai un fond de non pas une seule couleur mais deux, j'ai alors essayé d'utiliser :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: linear-gradient( transparent 5px,  red 5px, blue);
    je pensais que je pouvais regler l'espace qu'il y avait entre les deux couleurs pour le rendre nul, sauf qu’apparemment ce n'est pas possible
    donc pour resumer je voudrai en haut de ma page une couleur ( par exemple rouge) puis un peu plus bas du bleu
    voila j'espere avoir été clair
    Merci beaucoup d'avance bonne journée !

  2. #2
    Membre chevronné
    Homme Profil pro
    Formateur en informatique
    Inscrit en
    Septembre 2012
    Messages
    416
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Formateur en informatique
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Septembre 2012
    Messages : 416
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: linear-gradient(to bottom, red, transparent, blue);
    devrait s'approcher de ce que tu recherches.

    Tu peux faire en sorte qu'il y ait plus de rouge
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: linear-gradient(to bottom, red, red, transparent, blue);
    ou de bleu
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: linear-gradient(to bottom, red, transparent, blue, blue);
    ou enlever l'espace transparent entre les 2 couleurs :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: linear-gradient(to bottom, red, blue);

  3. #3
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2014
    Messages : 80
    Par défaut
    Alors tout d'abord merci pour ton temps et ta reponse, mais en fait ce que j'aimerais c'est supprimer le degradé et passer de rouge a bleu directement
    Merci d'avance

    Nom : exemple.png
Affichages : 68
Taille : 707 octets

    Merci si vous pouvez juste me donner une indication, si jamais je fais fausse route .

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Il suffit de les faire commencer au même endroit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background-image: linear-gradient(to bottom, #FF0000 25%, #00A3EF 25%);
    Tu peux par exemple t'aider d'un des nombreux CSS Gradient maker de la toile, comme celui-là :
    http://ie.microsoft.com/testdrive/Gr...r/Default.html

  5. #5
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2014
    Messages : 80
    Par défaut
    Sincerement merci beaucoup je tournais en rond depuis ce matin

    Par contre c'est etrange car si par exemple je change la valeur pour le rouge de telle sorte a ce que j'en ai moins un degradé intervient

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Je vais me paraphraser :

    Citation Envoyé par Bisûnûrs Voir le message
    Il suffit de les faire commencer au même endroit

  7. #7
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2014
    Messages : 80
    Par défaut
    Exactement merci encore !

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

Discussions similaires

  1. Réponses: 5
    Dernier message: 27/11/2002, 15h08
  2. [VB6] Modifier la clé d'un élément d'une collection
    Par Ricou13 dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 21/11/2002, 15h49
  3. [TP]dégradé de couleur
    Par mikoeur dans le forum Turbo Pascal
    Réponses: 10
    Dernier message: 11/11/2002, 00h02
  4. [VB6] [MDI] Modifier form en MDIform
    Par fikou dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 12/09/2002, 14h48
  5. Réponses: 5
    Dernier message: 06/08/2002, 21h08

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