Welcome, Guest
Username: Password: Remember me

TOPIC: Un coup de pouce en programmation

Un coup de pouce en programmation 1 year 11 months ago #86309

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 366
  • Thank you received: 29
  • Karma: 10
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
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86314

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6334
  • Thank you received: 818
  • Karma: 243
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}
}
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86324

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 366
  • Thank you received: 29
  • Karma: 10
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
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86334

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6334
  • Thank you received: 818
  • Karma: 243
Salut,

Comme dans citronade alors ?

Non ?
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86337

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 366
  • Thank you received: 29
  • Karma: 10
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
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86366

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 366
  • Thank you received: 29
  • Karma: 10
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
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86383

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6334
  • Thank you received: 818
  • Karma: 243
La bannière se réduit avec ce code ?????

Tu peux nous envoyer un lien d'exemple ?

Merci
The administrator has disabled public write access.

Re: Un coup de pouce en programmation 1 year 11 months ago #86387

  • Remundo
  • Remundo's Avatar
  • OFFLINE
  • Platinum Lime
  • Posts: 366
  • Thank you received: 29
  • Karma: 10
J'ai essayé avec "background-size" aussi mais rien n'y fait.

Ok.JPG


No.JPG


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
The administrator has disabled public write access.
Moderators: Nickko
Time to create page: 0.156 seconds
Donation Image