Régler media queries |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
Envoyé : 25 Avr 2019 à 10:41 |
Bonjour, Comme il ne se passe pas grand chose, je vous propose d'activer vos méninges. J'ai un calendrier de 12 mois (acheté) les cadres font 200px de large et 3 px entre cadres. J'aimerais, que si l'écran le permet, il se mette : - en 2 lignes, 6 colonnes 6X200 + 7X3 = min 1221 px - en 3 lignes, 4 colonnes 4X200 + 5X3 = min 815 px - en 4 lignes, 3 colonnes 3X200 + 4X3 = min 612 px - en 6 lignes, 2 colonnes 2X200 + 3X3 = min 409 px - en 12 lignes, 1 colonnes 1X200 + 2X3 = min 206 px J'ai introduit les medias queries suivantes mais ça ne fonctionne pas tout-à-fait, je n'arrive pas à ce qu'il se mette en 3 colonnes et les hauteurs ne s'adaptent pas pourtant le panneau d'élément est réglé en auto/auto dans un panneau 100%. Pourquoi ? Et si en plus ça pouvait rester centré dans chaque cas... @media screen and (min-width: 1500px) {
#WEIFRAME { width:1400px; height:450px; } } @media screen and (min-width: 820px) and (max-width: 1100px){ #WEIFRAME { width:930px; height:650px; } } @media screen and (min-width: 680px) and (max-width: 979px) { #WEIFRAME { width:620px; height:850px; } } @media screen and (min-width: 320px) and (max-width: 679px) { #WEIFRAME { width:310px; height:2330px; } } Edité par Bridet - 25 Avr 2019 à 12:36 |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
C'est lié au calendrier en lui même. Rassures toi.
|
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
Suis moyen rassurée là en fait. Admettons, donc, je devrais mettre des hauteurs fixes dans le style ? Parce que tu remarqueras que l'auto ne suit pas en hauteur. Peut-être les medias queries préinstallées par OE foutent-elles le b. ? J'ai contrôlé c'est auto/auto partout. Comme la synchro ne fonctionne pas non plus je vais finir par garder le calendrier fait par ma moitié qui est merveilleusement responsive ! ... Et l'obliger à me faire du code pour arriver à faire fonctionner l'Ical ! ;-D PS : mais ai-je bien "écrit" les MQ en fonction de mes exigences ? Regarde car j'avais oublié une ligne supra mais je crois que un mois sur 12 lignes, c'est pas utile. Edité par Bridet - 25 Avr 2019 à 12:39 |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Une fois encore, Bridet, tu mélanges un peu tout non?
Pour les hauteurs du calendrier, tu dois à la fois regarder le CSS du calendrier et adapté celui d'OE par la suite. Normalement, ton projet a été modifié parfaitement. Qu'as tu modifié du coup? Pour la synchro, bizarre...mais as tu contacté le développeur du calendrier pour commencer? Edité par brolysan - 25 Avr 2019 à 14:14 |
|
Drsicol
Newbie Depuis le: 25 Avr 2019 Status: Inactif Points: 3 |
Options des messages
Thanks(0)
|
Too hard for a newbie girl
|
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6513 |
Options des messages
Thanks(0)
|
You should be aware that this is a french forum. There is an english side to it, just click on the top right word to reach it.
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |