Visualizzazione dei risultati da 1 a 1 su 1

Discussione: figcaption

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2006
    Messaggi
    431

    figcaption

    ho un'immagine inserita col codice
    codice:
    <figure>
    <img class="picright" src="pics/immagine.jpeg" alt="descrizione title="descrizione">
    <figcaption><em>didascalia didascalia didascalia didascalia didascalia</em></figcaption>
    </figure>
    questa la sezione rilevante del CSS
    codice:
    figure {float:right; text-align:right; padding:1em 0 1em 2em
        border: 1px black;
    }
    figure img {
        vertical-align: top;
    }
    figure figcaption {
        border: 1px black;
        text-align: center;
        height: auto;
        word-wrap: break-word;
    }
    e
    codice:
    .picright{float:right; text-align:right; padding:1em 0 1em 2em}
    la didascalia, pari a due righe, risulta correttamente posizionata sotto l'immagine
    e larga quanto l'immagine.
    adesso ho la necessità di allungare un po' la didascalia, diciamo di altre due righe,
    e succede che essa si sposta a sinistra dell'immagine,
    finendo per occupare l'intera pagina, didascalia a sinistra, immagine a destra.
    Infatti con questo codice <figure> finisce per essere larga quanto il <body>,
    e non coincide più con le dimensioni di <figure> + padding.
    Qualcuno è in grado di dirmi da che cosa può dipendere
    o di quali altre informazioni avete bisogno per chiarire la ragione di questo comportamento?
    grazie
    m
    Ultima modifica di samiel; 01-01-2021 a 17:48

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