Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Adattare immagine a div

  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
    4,016
    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;
    }
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  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
    4,016
    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?
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

  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
    4,016
    Quote Originariamente inviata da danielebarisano Visualizza il messaggio
    Ok. Problema risolto. Caricati file esterni
    Bene
    Buon proseguimento.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

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 © 2018 vBulletin Solutions, Inc. All rights reserved.