[CSS]Centrer une bannière avec dégradé [Réglé]
Pingouin casse-pieds
Créations de Thèmes
Kak Miortvi Pengvin Membre non connecté
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Je voudrais savoir si vous connaissiez des techniques pour centrer une bannière qui contient un dégradé (de la droite vers la gauche). Je sais que ce n'est pas le choix de la facilité mais j'aimerai vraiment savoir comment m'y prendre.
Je souhaiterai de plus que cette technique marche quelle que soit la résolution.
Note: la bannière est créée pour du 800*600 donc c'est au dessus qu'il faut que l'on puisse centrer la bannière.
KMP.
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
[code]background: url(adresseimg) center;[/code]
ben.popeye Membre non connecté
-
Modérateur
- Voir le profil du membre ben.popeye
- Inscrit le : 04/08/2005
- Site internet
- Groupes :
-
Equipe Historique
Je lui ai proposé ma solution mais elle ne lui plait pas.
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
.
Kak Miortvi Pengvin Membre non connecté
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
Visiteur
[code]<div id="tonbloc a fond dégradé">
style="FILTER:
progid
XImageTransform.Microsoft.GRADIENT(startColorstr=#003366,endColorstr=#ffffff ,gradientType=0" bgColor=#ffffff scroll=yes
</div>[/code]
Bon après faut changer tes couleur et tester sous firefox mais bon ca vient des forum msdn en anglais donc bon ca n'est rien de sur a tester.
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
Kak Miortvi Pengvin Membre non connecté
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
-créer une image de 1 pixel de haut et d'un-peu-moins de longueur de la bannière
-ensuite, j'ai modifié mon css de cette manière:
[code]#header {
height: 110px;
border: solid 1px #BCBCBC;
background: url(images/header_fond.png) repeat-y left;
background-color: #39A8FF;
text-align: center;
}[/code]
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
[code]background: #39A8FF url(images/header_fond.png) repeat-y left; [/code]
c'est plus court
(feignant inside)
Snipefire Membre non connecté
-
Booster Mortier
- Voir le profil du membre Snipefire
- Inscrit le : 09/09/2006
J'ai vu que vous alterniez des background et background-color mais tout de suite pour mettre une couleur hexa****** derrière.
Voila tout le monde s'en fout mais je le dis
CrowkaiT Membre non connecté
-
Modérateur
- Voir le profil du membre CrowkaiT
- Inscrit le : 17/06/2005
- Site internet
- Groupes :
-
Equipe Historique
Kak Miortvi Pengvin Membre non connecté
-
Booster Missile
- Voir le profil du membre Kak Miortvi Pengvin
- Inscrit le : 10/03/2006
- Site internet
CrowkaiT:
Juste comme ça, tu peux mettre:[code]background: #39A8FF url(images/header_fond.png) repeat-y left; [/code]
C'est plus court
(feignant inside)C'est plus court mais j'aime bien séparer les deux éléments:
-le background pour la couleur à gauche,
-le background-color pour la couleur à droite.
Je trouve que ça fait plus propre.
Puisque l'on parle aussi du css, j'en profite pour évoquer un petit quelque chose. Il y avait énormément de font-family, je trouve.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie