Rechercher : dans
Par :

Degradé en css

Dernière réponse le 18 sep 2007 à 13:49:23 ravello, le 18 sep 2007 à 09:57:38 
 Signaler ce message aux modérateurs

Bonjour

comment réaliser un dégradé de couleur de fond sur une page web avec le css?

merci

Configuration: Windows XP
Firefox 2.0.0.6

Meilleures réponses pour « degradé en css » dans :
CSS - Les couleurs Voir Les couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.topstyle4.com/
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...

1

pitxu, le 18 sep 2007 à 10:06:04

Le plus simple est de créer une image au format h25 X l2000 par exemple, utiliser gimp pour faire un dégradé sur cette "bande".

Puis créer un id css :

body {
background: #474747 url('img/body.gif') repeat-y center top;
}

Répondre à pitxu

2

ravello, le 18 sep 2007 à 10:14:45

Bonjour,

j'ai photoFiltre

j'ai crée un dégradé de :width:50px; height:800px;

j'enregistre cette image en degr.bmp,

dans le code css :

body
{
background-image:url("degr.bmp");
background-repeat:repeat-x,
}

celà a l'air bon!!!!!!!

merci

Répondre à ravello

3

pitxu, le 18 sep 2007 à 11:50:40

De rien ;)

PS : merci de mettre ton post en "Résolu"

Répondre à pitxu

4

RAD ZONE, le 18 sep 2007 à 12:18:08
  • +1

Oui met resolu et change de format pour ton image !!

le .bmp n est pas fait pour le web !!

si c est une photo plutot du = jpg

un dessin =gif

Tu peux aussi utiliser le .png
RAD

♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

5

warlix, le 18 sep 2007 à 12:29:38

Le png n est pas supporté par IE6 rad non ? :)
et il y a encore des fous avec IE6 comme moi sur mon ordi bureau serveur :)

la tristesse c est de ne pas savoir que l on est heureux !

Répondre à warlix

6

pitxu, le 18 sep 2007 à 12:39:50

Si le PNG est supporté, c'est la transparence du PNG qui n'est pas supporté.

Répondre à pitxu

7

RAD ZONE, le 18 sep 2007 à 12:47:40
  • +1

OUI LE .PNG TRANSPARENT POSE DES PROBLEMES SUR IE 6

EXEMPLE=[http://radservebeer.free.fr/home.html

le fond du texte transparent sur tout les navi !! mais gris sous IE6!! ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

8

 warlix, le 18 sep 2007 à 13:49:23

Cris pas :p la tristesse c est de ne pas savoir que l on est heureux !

Répondre à warlix