Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Tag <a> mi lascia spazio sotto l'immagine

    Ciao a tutti
    Ho un box div con al suo interno un tag a ed a sua volta a suo interno una immagine.
    Non capisco perchè il tag a si va posizionare in basso al box e mi lascia uno spazio sotto l'immagine:



    Come si vede ce un rettngo azzurrino che sarebbe il tag a che ho selezionato col mouse poi piu sotto ce uno spazio che ho evidenziato sia con la freccia che con un rettangolo rosso

    codice HTML:
    div {    width: 15%;    text-align: center;    overflow: hidden;}
    div a img {    width: 100%;    object-fit: cover;}
    dic a {    overflow: hidden;}

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,659
    Lo spazio sotto penso dipenda dal fatto che <img>, essendo un elemento inline-block, è normalmente inserito nel flusso del testo, quindi è regolato da quelle stesse proprietà che agiscono sul testo, ad esempio line-height e vertical-align.

    Prova ad impostare display:block per img. Vedi se funziona.
    Prova Forum HTML.it Toolset per una fruizione ottimale del Forum

    In arrivo Forum HTML.it Toolset v1.3.0 con nuove funzionalità

  3. #3
    Grazie funziona

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,659
    bene
    Prova Forum HTML.it Toolset per una fruizione ottimale del Forum

    In arrivo Forum HTML.it Toolset v1.3.0 con nuove funzionalità

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.