Debian-facile
Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.
Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
#1 04-08-2022 20:05:12
CSS : comment mettre une image "à la taille de l'écran" ?
Yop,
je voudrai juste mettre une image "à la taille de l'écran" (t'sais, prendre toute la place dispo !). En temps normal suffirait de dire "auto" ou "100%" à width/height, mais en situation où l'image est dans un div en "position: fixed;" ça a pas l'air de marcher.
Une idée ? Parce que j'y connais rien, c'est de la programmation empirique
La situation c'est mon tout premier programme en JS (un overlay qui est sensé afficher les images en grand quand on clique) => https://tk.arzinfo.pw/bordel/labo/pomme/
je voudrai juste mettre une image "à la taille de l'écran" (t'sais, prendre toute la place dispo !). En temps normal suffirait de dire "auto" ou "100%" à width/height, mais en situation où l'image est dans un div en "position: fixed;" ça a pas l'air de marcher.
Une idée ? Parce que j'y connais rien, c'est de la programmation empirique
La situation c'est mon tout premier programme en JS (un overlay qui est sensé afficher les images en grand quand on clique) => https://tk.arzinfo.pw/bordel/labo/pomme/
Dernière modification par otyugh (04-08-2022 23:00:15)
Hors ligne
#2 05-08-2022 09:37:24
- Croutons
- Membre
- Distrib. : Debian12
- Noyau : Linux 6.1.0-10-amd64
- (G)UI : Fluxbox(NakeDeb)
- Inscription : 16-12-2016
Re : CSS : comment mettre une image "à la taille de l'écran" ?
Hello
Tu lances une recherche sur le web avec des mots clé en anglais tu as toujours + de réponses pertinente
peut être ceci peut d'aider
https://stackoverflow.com/questions/166 … nt-underne
Tu lances une recherche sur le web avec des mots clé en anglais tu as toujours + de réponses pertinente
peut être ceci peut d'aider
https://stackoverflow.com/questions/166 … nt-underne
-->les cahiers du debutant<-- WikiDF-->Découvrir les principales commandes Linux<--
L' expérience, c'est le nom que chacun donne à ses erreurs. Oscar Wilde
Hors ligne
#3 05-08-2022 10:41:02
Re : CSS : comment mettre une image "à la taille de l'écran" ?
Ça marche pas avec des images en fait. Le côté "taille-max=fenêtre" marche bien latéralement, mais verticalement, nope.
J'ai déjà tenté variété de trucs, hein.
Si ça marchait, je verrai les 4 pommes quel que soit la taille de la fenêtre du navigateur, et c'est pas le cas.
https://tk.arzinfo.pw/bordel/labo/ex/
...Sinon je peux toujours bricoler en JS pour obtenir la taille de la fenêtre et imposer le height/width, mais fuuu.
J'ai déjà tenté variété de trucs, hein.
Si ça marchait, je verrai les 4 pommes quel que soit la taille de la fenêtre du navigateur, et c'est pas le cas.
https://tk.arzinfo.pw/bordel/labo/ex/
...Sinon je peux toujours bricoler en JS pour obtenir la taille de la fenêtre et imposer le height/width, mais fuuu.
Dernière modification par otyugh (05-08-2022 10:45:40)
Hors ligne
#4 05-08-2022 11:36:27
Re : CSS : comment mettre une image "à la taille de l'écran" ?
Je pense que le souci ici est l‘utilisation d’une div avec l’image appliquée via background. Pour un bon contrôle sur la manière dont l’image est affichée, je partirais plutôt sur une balise img.
J’ai obtenu un assez bon résultat en bidouillant un peu, avec :
J’ai obtenu un assez bon résultat en bidouillant un peu, avec :
La classe "image" conserve les mêmes propriétés que dans ton test, sauf "background-image" qui est retiré.
La balise img a ces deux propriétés :
max-width: 100%;
max-height: 100%;
max-height: 100%;
Jouer sous Debian ? Facile !
Hors ligne
#5 05-08-2022 17:37:47
Re : CSS : comment mettre une image "à la taille de l'écran" ?
D'où ça marche ? J'étais persuadé d'avoir essayé ça en premier voyant que les div réagissaient comme je voulais...
Mauvaise foi (et mémoire) à part, merci !
Mauvaise foi (et mémoire) à part, merci !
Hors ligne