J'ai encore.. un soucis (les débutants hé...) je suis en train de refaire une page d'une boutique (c'est pour m'entrainer en HTML et CSS) à partir de la maquette de la page.
J'ai 2 écrans de tailles différentes, un de 1920*1080 et un autre de 1680*1050, lors de la création de la page, j'ai eu pas mal de soucis, c'est à dire que j'affichage de la page est différente sur les 2 écrans, je travail en regardant le résultat sur l'écran de 1920 et donc quand je déplace la fenêtre sur l'écran de 1680 , les éléments sont décalés.. après plusieurs temps, j'ai réussi à donner le même résultat sur les 2 écrans (même si à certains endroits y a un mini mini décalage) Mais là je n'arrive pas à résoudre un soucis.. Il y a une partie "actualité" et le mauvais truc, c'est l'image. sur l'écran de 1680, elle est décalée vers le bas, mais je peux pas résoudre ça ! Si je la remonte, sur l'écran de 1920 elle est décalée vers le haut (normal gné !)
Voici ce que je veux :
Screenshot du résultat attendu, sur l'écran en 1920 (on remarque un tout mini décalage vers le bas)
Voici pour écran 1620
Il faut savoir qu'il y a un CMS sur le site, donc je peux edit l'image et le texte d'actualité.
Il y a 4 parties, l'image sombre à gauche, l'image actualité , le contenu texte et l'image sombre à droite.
Je les ai rassemblé via un j'ai mis display: flex sur le div qui les rassemble et un float: left sur l'image de gauche pour les aligner et coller.
Vous pouvez m'aider ?
PS EDIT : Ah oui et sur la deuxième image, le contenu en texte moins large... gênant aussi
- Edité par DrLegend / Mathis 22 juin 2017 à 14:32:41
Merci de ta réponse mais si je met le overflow:hidden, ça va cacher les parties qui dépasse la div, or je souhaite que l'image puisse la dépasser mais uniquement le haut, le bas ne doit pas dépasser. (comme la première image)
Ceci devrait alors t'aider (en anglais mais assez clair)
Merci pour le lien, mais l'auteur cherche avec afficher un contenu caché en cliquant sur une div non ?
Et j'ai copié les propriétés qui permettent de cacher une partie du contenu, mais au final, mon image entière est cachée.. peut import si je modifie la valeur...
Mesdames et messieurs... je tiens à vous annoncer que je suis la personne qui ne sait pas réfléchir !
Comme dit, j'avais demandé une solution pour que l'image situé dans la div ne dépasse pas le bas (mais je veux bien qu'il dépasse le haut)
Et... Je n'ai jamais pensé à mettre l'image en bottom: 0...
Tout ce temps attendu pour ça...
Cordialement, votre humble serviteur, Mathis.
Je n'arrive pas à bien placer mon image.
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Cordialement, votre humble serviteur, Mathis.
Cordialement, votre humble serviteur, Mathis.
Cordialement, votre humble serviteur, Mathis.
Cordialement, votre humble serviteur, Mathis.