Un coup de pouce en programmation

More
4 years 5 months ago #86309 by Remundo
Bonjour,
[justify]
Je tripatouille dans les modèles et j'aimerais savoir comment faire pour que l'index (si l'on choisit de l'activer) soit redimensionné par l'utilisateur pour qu'il puisse s'adapter à toutes les résolutions d'écran.
Comme dans ce cadre de texte par exemple en bas à droite où l'on peut tirer dessus.
Je suis actuellement en 1280*960 et j'ai remarqué qu'en 1024*768 par exemple, l'index empiétait sur le contenu du questionnaire.[/justify]

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 5 months ago #86314 by DenisChenu
Salut Remi.

C'est maintenant que tu vas comprendre pourquoi je ne m’embête pas avec l'index dans les modèles ... et que sur citronade ou skeletonquest, ils sont .... en bas ....

Sinon, a mon avis : il faudrait utiliser un gros javascript pour:
- le placer en position:fixed sur l'un des coté de l'écran. (position:fixed;width:300px;top:0;right:0;)
- mettre une marge sur le contenu pour laisser de la place (genre : .withindex #limesurvey (margin-right:300px)

MAIS désactiver les é pour les media inférieur à 440px
@media screen and (max-width: 640px) {
  .withindex #limesurvey{margin-riht:0;width:auto}
  #index{psoition:relative;width:auto}
}

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
4 years 5 months ago #86324 by Remundo
Merci pour ton aide mais j'ai finalement trouvé après de nombreuses manipulations.
J'ai mis la taille (width: auto;) du bloc questionnaire, idem pour le bloc index.
Cela fonctionne parfaitement que ce soit pour les résolutions d'affichage ou lorsque l'on réduit la fenêtre.

Bonne journée

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 5 months ago #86334 by DenisChenu
Salut,

Comme dans citronade alors ?

Non ?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
4 years 5 months ago #86337 by Remundo
Je ne sais pas, je ne me suis jamais appuyé sur ce modèle.

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 5 months ago #86366 by Remundo
Bonjour,

Je viens de me rendre compte que j'avais encore un petit bug. En effet lorsque je réduit ma fenêtre les deux blocs s'adaptent sauf l'image à l'intérieur d'un des blocs qui elle se réduit fur à mesure.

Que dois-je mettre dans mon code pour qu'elle reste fixe dans son contenant ?
Voici le code où elle est placée :

div#header .rk-2 {
border: 1px solid #777;
background: url(bannière.jpg) #FFF 100% 50% no-repeat;
/*background-attachment:fixed;*/ <-- mon image s'efface lorsque je mets ce code
height: 175px;
overflow: hidden;

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in to join the conversation.

More
4 years 5 months ago #86383 by DenisChenu
La bannière se réduit avec ce code ?????

Tu peux nous envoyer un lien d'exemple ?

Merci

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).

Please Log in to join the conversation.

More
4 years 5 months ago #86387 by Remundo
J'ai essayé avec "background-size" aussi mais rien n'y fait.





On voit dans la deuxième capture d'écran que lorsque l'on réduit tout s'adapte correctement sauf l'image qui est découpée!

Rémi Biscueil
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Attachments:

Please Log in to join the conversation.

Moderators: Nickko