Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Scalare Immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15

    Scalare Immagine

    Salve, vi spiego il mio problema ho creato una pagina HTML ed ho impostato che in caso la pagina venga rimpicciolita tutto venga rimpicciolito. Il problema sta che ho un immagine con del testo di fianco in un div che purtroppo invece di scalare gradualmente mi mette tutto il testo sotto l'immagine come potrei far scalare l'immagine?

  2. #2
    questo è CSS

    comunque:
    codice:
    img {
      max-width: 100%;
    }
    Ultima modifica di Vincent.Zeno; 13-10-2014 a 18:52 Motivo: correzione tag CODE
    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15
    C'è già quel parametro sul css ma non cambia non scala dentro il div si sposta solo il testo ma l'immagine no. Probabilmente perchè difianco c'è il testo quindi non scala ma io vorrei farla scalare

  4. #4
    se c'è quella definizione l'immagine scala in base alla dimensione del suo contenitore.

    evidentemente hai qualche altra impostazione, ma senza vedere codice
    Questa volta, più che un voto.. è favoreggiamento.

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15
    Il DIV è contenuto in una tabella, ho semplificato togliendo un pò di roba

    codice:
    <table class="navigation">
    <tr>
        <td><div class="titolo"> <br>
            <img src="images/presentazione.png"/></div>
          </br>
          <br>
          <div class="descrizione"> <img class="fotoprof" src="images/fotoprof.png" style="float: left" > Testo</div>
          <div class="fine"></div>
        <td>
      <tr>
    </table>
    CSS:

    codice:
    table.navigation {    width:70%;
        text-align: center;
        background: #DCDCDC;
        border-top: solid;
        border-top-width: 1px;
        margin-left: auto;
        margin-right: auto;
    }
    
    img.fotoprof{
        max-width:400px;
        min-width:246px;
        height:auto;
        width:100%;
    }
    Ultima modifica di Vincent.Zeno; 13-10-2014 a 18:49 Motivo: correzione formattazione codice

  6. #6
    non vedo dove hai messo "max-width: 100%"
    Questa volta, più che un voto.. è favoreggiamento.

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    @LucaTrev

    per postare codice usa il tag CODE (non QUOTE).
    il bottone lo trovi nella modalità avanzate: tasto #


    grazie,

  8. #8
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    15
    @Vincent.Zeno: Grazie

    @Al_katraz984: Ho risolto impostando una dimensione diversa del width. Con il max-width non mi cambiava nulla.

    Ancora una cosa se volessi fare la stessa cosa ma con il testo c'è un modo?

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