Visualizzazione risultati 1 fino 5 di 5

Discussione: flottare immaggine

  1. #1
    Guest

    Predefinito flottare immaggine

    Salve avrei bisogno di far flottare questa immagine non ci riesco mi potete scrivere il codice anche se le misure sono differenti per il momento lo posizionata cosi e va bene però non si ridimensiona
    Codice HTML:
    #imgblob {
           position: absolute;
      top: 15px;
      left: 130px;
      font-size: 18px;
      border: solid 3px #000000;
    	}

  2. #2
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    4,258

    Predefinito

    Salve,
    per far si che l'imagine si adatti in automatico, basta impostare una delle misure (larcghezza o altezza) con valore auto e l'altra con un valore percentuale.

    Per esempio:
    Codice:
    #imgblob {
      position: absolute;
      width: 100%;
      height: auto;
      top: 15px;
      left: 130px;
      font-size: 18px;
      border: solid 3px #000000;
    }
    Cordiali saluti.
    Ultima modifica di GraphOGLRisorse : 27-01-2022 alle ore 20.55.56

  3. #3
    Guest

    Predefinito

    Scusate ma proprio non ci riesco ho provato anche come guida questa spiegazione https://kinsta.com/it/blog/responsive-web-design/
    ma l'immaggine non flette

  4. #4
    Guest

    Predefinito

    a flottare l'immagine ci sono riuscito questo metodo è per tutti gli oggetti che andrò a creare?

  5. #5
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    4,258

    Predefinito

    Vale per tutti gli elemnti/ioggetti di tipo immagine che hanno come id il valore imgblob, a cui viene applicatta la classe riprotata in precedena.

    Quindi, tutte le immagini che nel tema vengono gestite diversamente, hanno di riferimento una classe css differente da quella riprotata in precedenza.

    Ingenerale per l'applicazione generica su tutte le immagini si usa img, ad esempio:
    Codice:
    img{
      width: 100%;
      height: auto;
    }
    Cordiali saluti.
    Ultima modifica di GraphOGLRisorse : 28-01-2022 alle ore 14.48.06

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •