Partage
  • Partager sur Facebook
  • Partager sur Twitter

espace invisible sous image

Sujet résolu
    12 novembre 2023 à 18:34:10

    Bonjour, j'ai un problème avec mes images sous les-quelles il y a un espace invisible ce qui décale tout.

    J'ai essayé de changer le padding, le margin mais rien ne change, on le voit sur la photo quand je sélectionne l'image avec ma souris une barre invisible est comprise dans l'image.

    si quelqu'un peu m'aider svp !photo problème 

    • Partager sur Facebook
    • Partager sur Twitter
    "Besoin d'oxygène dans l'espace pour avoir de la musique dans ma galaxie"
      12 novembre 2023 à 19:45:00

      Bonsoir, pourriez vous nous transmettre le code que vous avez écrit de manière à ce que l'on puisse reproduire le problème. Ou un codepen ou autre.

      Si vous faite un clique droit sur la zone en dessous de l'image puis inspecter quel est l'élément qui est sélectionner dans l'inspecteur des éléments? 

      • Partager sur Facebook
      • Partager sur Twitter
        13 novembre 2023 à 19:31:09

        AbcAbc6 a écrit:

        Bonsoir, pourriez vous nous transmettre le code que vous avez écrit de manière à ce que l'on puisse reproduire le problème. Ou un codepen ou autre.

        Si vous faite un clique droit sur la zone en dessous de l'image puis inspecter quel est l'élément qui est sélectionner dans l'inspecteur des éléments? 

        <a href="https://fr.wikipedia.org/wiki/Daniel_Radcliffe" target="blank"><img class="img_acteur" src="img/daniel.jpg" alt="photo acteur 1"></a>

        .img_acteur{
        	width: 60%;
        	height: 25%;
        	margin-top: 1%;
        	clear: left;



        Voici le code et lorsque j'inspecte cela me dit que c'est l'image aussi .

        Mais je pense avoir trouvé ne serait ce pas la taille de l'image originale ?

        • Partager sur Facebook
        • Partager sur Twitter
        "Besoin d'oxygène dans l'espace pour avoir de la musique dans ma galaxie"
          13 novembre 2023 à 19:53:52

          Bonsoir, vous indiquez une hauteur en pourcentage, cela veux dire que la hauteur du parent est définie. Est-ce bien le cas sinon la propriété height n'est me semble t-il pas prise en compte.

          Pourquoi la propriété clear? vous avez des flottant? Si oui regarder la hauteur du contenu adjacent, si la hauteur est plus grande que l'exemple que vous montrez il est possible que ce contenu pousse  vers le bas, ce qui fait que visuellement vous avez une zone en dessous de l'image comme vous indiquez.

          • Partager sur Facebook
          • Partager sur Twitter
            13 novembre 2023 à 21:40:00

            AbcAbc6 a écrit:

            Bonsoir, vous indiquez une hauteur en pourcentage, cela veux dire que la hauteur du parent est définie. Est-ce bien le cas sinon la propriété height n'est me semble t-il pas prise en compte.

            Pourquoi la propriété clear? vous avez des flottant? Si oui regarder la hauteur du contenu adjacent, si la hauteur est plus grande que l'exemple que vous montrez il est possible que ce contenu pousse  vers le bas, ce qui fait que visuellement vous avez une zone en dessous de l'image comme vous indiquez.


            Merci de votre réponse le problème ne vient de rien de ce que vous avez dit effectivement il y a bien des flottants.

            Le projet étant à rendre pour demain j'ai simplement mis un margin négatif ce qui donc rend bien.

            Merci de votre aide quand même je demanderai à mon professeur ou est le problème histoire de quand même avoir une réponse !

            • Partager sur Facebook
            • Partager sur Twitter
            "Besoin d'oxygène dans l'espace pour avoir de la musique dans ma galaxie"

            espace invisible sous image

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            • Editeur
            • Markdown