Visualizzazione risultati 1 fino 6 di 6

Discussione: inserire immagine nel div

  1. #1
    Guest

    Predefinito inserire immagine nel div

    Ho un immagine 100px x 80px dovrei inserirla in un div e poi ala sua destra attaccato al div, ne devo mettere un altro con le stesse dimensioni.

    Praticamente 2 div uguali attaccati, ma quello a sinistra deve contenere l'immagine.
    Ultima modifica di gruppoalveo : 29-08-2014 alle ore 17.26.09

  2. #2
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    Codice HTML:
    <html>
    <head>
    <style>
    div {
    float:left;
    height: 100px;
    width: 80px;
    }
    </style>
    </head>
    <body>
    <div>
    <img height="100" width="80" src="immagine.png">
    </div>
    <div>
    contenuto div 2
    </div>
    </body>
    </html>
    dicevi cosi?
    ecco come si vede
    Ultima modifica di mexonline : 29-08-2014 alle ore 17.56.31

  3. #3
    Guest

    Predefinito

    Si, ho visto, sto provando un altro metodo che consiste nel mettere i css direttamente nel body e mi da il tuo risultato

    Codice PHP:
    <div style="float: left; width:180px; height:254px; border: 1px solid red;"><img style="width:180px; height:254px;" src="immagini/libro1.jpg" alt="img" title="Arn"></div><div style="float: left; width:300px; height:254px; margin-right: 30px; border: 1px solid blue;">76756756755656 ghffhg hgfh fhgfhg fhgf hgfhgf hfg</div>
    Ultima modifica di gruppoalveo : 29-08-2014 alle ore 18.22.11

  4. #4
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    sisi anche in questo modo ottieni lo stesso effetto :)

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da mexonline Visualizza messaggio
    sisi anche in questo modo ottieni lo stesso effetto :)
    Ora però, usando il mio, sto cercando di mettere un div 20 x 100 sotto, attaccato a questi 2

  6. #6
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    basta che non inserisci in questo div sotto 20 * 100 float:left; altrimenti le dimensioni in larghezza dei 3 div sono inferiori allo schermo del computer e ti allinea i 3 div uno affianco agli altri

Regole di scrittura

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