BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Régler media queries
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Régler media queries

 Répondre Répondre
Auteur
Message
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Sujet: Régler media queries
    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
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Avr 2019 à 11:46
C'est lié au calendrier en lui même. Rassures toi.
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Avr 2019 à 12:32
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
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Avr 2019 à 14:09
Une fois encore, Bridet, tu mélanges un peu tout non? Wink
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
Haut de la page
Drsicol allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 25 Avr 2019
Status: Inactif
Points: 3
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Drsicol Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 25 Avr 2019 à 17:56
Too hard for a newbie girlSmile
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6513
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Avr 2019 à 02:03
Message posté par Drsicol Drsicol a écrit:

Too hard for a newbie girlSmile

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.
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.047 secondes.