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

    Adattare immagine a div

    Salve ragazzi, devo adattare al 100% un immagine sia in larghezza che altezza ad un div di larghezza 500px e altezza 300px. Guardate qui https://www.booking-lagodigarda.it/a...otel.php?id=53.
    Sullo slider la prima immagine viene tagliata , le altre 2 non riempiono l intero div. Come fare? se potete darmi via codice informazioni su come modificare i div visto che il nome dei div si può controllare con Ispeziona Elemento

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Ciao, le immagini non stanno direttamente dentro il <div> slider (con dimensioni 550px x 300px) ma dentro i relativi <li> (con dimensioni 100% x 100%). Questi 100% si riferiscono però al contenitore <ul> (con dimensioni 1650px x 300px) che sta a sua volta dentro il <div>, per cui se tu imposti le immagini al 100% queste prenderanno come riferimento le dimensioni di <ul> non del <div>.

    Se a te interessa fissare le dimensioni delle immagini basterà una cosa tipo:
    codice:
    #slider > ul > li > img {
        width: 550px;
        height: 300px;
    }
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Ciao, le immagini non stanno direttamente dentro il <div> slider (con dimensioni 550px x 300px) ma dentro i relativi <li> (con dimensioni 100% x 100%). Questi 100% si riferiscono però al contenitore <ul> (con dimensioni 1650px x 300px) che sta a sua volta dentro il <div>, per cui se tu imposti le immagini al 100% queste prenderanno come riferimento le dimensioni di <ul> non del <div>.

    Se a te interessa fissare le dimensioni delle immagini basterà una cosa tipo:
    codice:
    #slider > ul > li > img {
        width: 550px;
        height: 300px;
    }
    Ci siamo quasi, ma non del tutto. La prima immagine viene caricata bene, le altre 2 vengono caricate con un altezza diversa. Allora?

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Allora?
    Allora controlla meglio quelle due immagini. I relativi data URI inclusi negli src di quegli elementi <img> riproducono delle immagini tagliate. Il problema sta esattamente lì.
    Ti chiedo, hai qualche particolare necessità nell'uso dei data URI in questo caso?
    Perché non utilizzi dei file esterni come i comuni mortali?
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  5. #5
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    Allora controlla meglio quelle due immagini. I relativi data URI inclusi negli src di quegli elementi <img> riproducono delle immagini tagliate. Il problema sta esattamente lì.
    Ti chiedo, hai qualche particolare necessità nell'uso dei data URI in questo caso?
    Perché non utilizzi dei file esterni come i comuni mortali?
    Ok. Problema risolto. Caricati file esterni

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Quote Originariamente inviata da danielebarisano Visualizza il messaggio
    Ok. Problema risolto. Caricati file esterni
    Bene
    Buon proseguimento.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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.