Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Shain le le 24-10-2003 a 14:01:31

Titre: [CSS] Le site qui m'a convaincu !
Posté par: Shain le le 24-10-2003 a 14:01:31

Ca y est, je suis convaincu par le positionnement CSS, que jusqu'à présent je pensais être trop complexe et trop limité. Comment ?

... la réponse se trouve ici : http://www.csszengarden.com/tr/francais/

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: dominique_c le le 24-10-2003 a 14:09:12

Chouette... encore 1 de convaincu ;)
Oui, ce site mérite qu'on s'y attarde...

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: DJolhan le le 25-10-2003 a 12:26:43

il est clair qu'il mérite son PR8 ce site ;)
Merci shain.

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Shain le le 26-10-2003 a 00:35:26

Par contre je ne comprends pas comment ils gerent la transparence ...

Je cherche, si vous avez une piste ...

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Shain le le 26-10-2003 a 00:55:19

Bon, c'est juste une image ...
Mais en CSS on peux gérer la transparence d'un bloc non ?

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: dominique_c le le 27-10-2003 a 09:38:19

Sauf si j'ai mal compris ta question, Un bloc (défini par balise div par exemple) est transparent par défaut... mais tu peux aussi utiliser la valeur "transparent" avec background-color ;)

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: PM le le 27-10-2003 a 13:16:49

C'est en anglais mais tu devrais trouver ton bonheur côté gestion des transparences

http://www.alistapart.com

Notamment ce tuto : http://www.alistapart.com/articles/slidingdoors/

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Shain le le 27-10-2003 a 13:39:11

je vais préciser ma question parce qu'elle n'est pas très claire.

En fait j'aimerai savoir si on peux jouer sur la tansparence alpha d'un <div>. Lui appliquer une couleur de fond avec une opacité de 50% de facon à ce qu'il l'aisse apparaitre à 50% l'image de fond qui se trouve en arrière plan de la page.

J'espere que je suis plus clair ;-)

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: dominique_c le le 27-10-2003 a 14:06:05

Au premier abord, il semble que ce ne soit pas possible...

Je n'y connais pas grand chose en graphisme, mais si il était possible de créer un image transparente (comme un filtre) il suffirait peut être de faire chevaucher les deux calques... mais là, je ne suis sûr de rien.

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Chanchan le le 27-10-2003 a 15:15:19

Citation de: Shain le le 27-10-2003 a 13:39:11
je vais préciser ma question parce qu'elle n'est pas très claire.

En fait j'aimerai savoir si on peux jouer sur la tansparence alpha d'un <div>. Lui appliquer une couleur de fond avec une opacité de 50% de facon à ce qu'il l'aisse apparaitre à 50% l'image de fond qui se trouve en arrière plan de la page.

J'espere que je suis plus clair ;-)


En reprenant le site donné par PM, il y a cet article là :

http://www.alistapart.com/articles/pngopacity/

Si on scrolle un peu la page, on peut voir qu'on peut gérer la transparence d'un div en jouant avec le javascript...

Intéressant comme technique tout ça !

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Shain le le 27-10-2003 a 22:07:17

En javascript yep.

En fait j'avais dans la tête qu'on pouvait faire ca avec les CSS ... Je ne sais pas d'ou me vienct cette idée.

Je vais essayer cette histoire de Javascript.

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: erwinol le le 02-01-2004 a 23:18:39

ah c terrible ;Dé

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: SIBELIUS le le 03-01-2004 a 00:06:40

Citation de: Shain le le 27-10-2003 a 22:07:17
En javascript yep.

En fait j'avais dans la tête qu'on pouvait faire ca avec les CSS ... Je ne sais pas d'ou me vienct cette idée.

Je vais essayer cette histoire de Javascript.

Tu peux gérer l'opacité avec les filtres css, mais c'est IE-only :-[

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Shain le le 05-01-2004 a 19:53:36

mouarf c'est dommage ...on pourrais faire des trucs tellement sympa.

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Jey le le 06-01-2004 a 11:36:57

pour ceux qui ont des difficultés en anglais, http://www.pompage.net/ traduit une bonne partie des articles de alistapart ;)

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Shain le le 08-01-2004 a 23:10:51

Ah ouais carrement sympa !

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Netah le le 08-01-2004 a 23:33:16

Juste une question:

Le format png permet plusieurs niveaux de transparence et est recommander par le w3c. Si un div est transparent par défaut et qu'on le couple avec un png à moitier transparent, est-ce qu'on peut obtenir l'effet de filtre dont on parle ?
(j'ai la flemme de tester... je suis dsl :P)

Titre: Re:[CSS] Le site qui m'a convaincu !
Posté par: Bloubli le le 09-01-2004 a 10:24:42

Ca doit être possible mais sous Mozilla (ou autres navigateurs proches). IE ne gère pas la transparence du PNG >:( (décidemment !)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.