Cacher les widgets si la largeur de l'écran est inferieure à ??px

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Ven 28 Juin - 13:43

Bonjour a tous,
je sais que cela est possible en javascript mais je n'y connais rien (je débute tout juste les bases ^^), j'ai créé une page HTML sur mon fofo, mais si l'utilisateur a un écran trop étroit, il ne la voit pas en entier et il doit masquer les widgets (comme ici)
SVP vous pouvez me donner un script qui fait ça, mais quand on quitte la page, les widgets reviennent.
Merci a ceux qui m’aideront Wink
Tancrède


Dernière édition par Ouaich le Mer 3 Juil - 15:57, édité 1 fois

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 11:59

Up svp Wink

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea le Mer 3 Juil - 13:27

Il est possible qu'un simple z-index négatif suffise à résoudre ton problème. Essaye.
Je sais pas si ça répondra à ta question, ça devrait faire simplement disparaître les widgets de l'écran (ou en tout cas les faire passer automatiquement derrière tous les autres éléments de la page)  si la résolution de l'écran n'est pas capable de les afficher.

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 14:07

Pas bête, j'essayerai quand j'ai accès à un ordinateur, merci Wink

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 14:37

Cela ne fonctionne pas :"(

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea le Mer 3 Juil - 14:48

T'as bien fait un div class ou id avec un z-index négatif dans le css ? ? ? C'est obligé qu'il se passe quelque chose à l'écran.

J'en suis d'autant plus certain que c exactement ce que j'ai fait sur mon site. Prends cette page par exemple : http://www.jardins-interieurs.com/v3/plante.php?id_plante=73
tu peux jouer avec la taille de la fenêtre, les pubs de droite disparaîtront sans affecter le reste du contenu.

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 15:05

Oui mais il ne se passe rien, même avec la valeur a 0 ou a 1, il ne se passe rien....

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 15:20

je ne vois pas es pubs, même en désactivant adblock...

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea le Mer 3 Juil - 15:25

Ah je suis bête, s'il ne se passe rien ça vient forcément d'une position: absolute ou relative que tu n'as pas renseignée. Or il le faut dès l'instant où on utilise un z-index.

Lol - je fais des pubs transparentes qui ne se voient pas. Mes pubs sont en javascript, c'est peut-être là l'explication pourquoi tu ne les vois pas.Very Happy

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 15:46

Ah si avec "position", ça fait quelque chose, mais le problème c'est que en négatif, les widgets disparaissent, en positif, rien ne se passe, et = 0, ils sont devant le reste (ils se superposent ....)

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Omuey le Mer 3 Juil - 15:51

Bonjour,
Tu peux faire passer tes widgets en-dessous de ton contenu comme le propose persea, ou alors, tu peux utiliser les Media Queries en CSS :
Code:
@media screen and (min-width: 1000px) /* si l'écran de l'utilisateur est plus grand que 1000px */
{
   .classduwidget /* Il faut noter ici la class (ou l'#id) de ton groupe de widget */
   {
          display : block;
   }
}
@media screen and (max-width: 1000px) /* mais si l'écran est plus petit que 1000px */
{
   .classduwidget /* A remplacer ici aussi  */
   {
      display : none; /* le bloc qui a la class .classduwidget disparait */
   }
}

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 15:52

Merci, j'essaye ça tout de suite

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- le Mer 3 Juil - 15:57

Ça marche, merci beaucoup a tous Wink

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea le Mer 3 Juil - 16:00

Bonjour Omuey - ça revient presque au même... je dis bien presque...
C'est plus net dans la mesure où les Widgets sont là... ou pas là.
Ma formule les fait simplement passer par derrière


Bon bah Ouaich a trouvé sa solution - c'est l'essentiel - Lol

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum