ho un'immagine inserita col codice
questa la sezione rilevante del CSScodice:<figure> <img class="picright" src="pics/immagine.jpeg" alt="descrizione title="descrizione"> <figcaption><em>didascalia didascalia didascalia didascalia didascalia</em></figcaption> </figure>
ecodice: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; }
la didascalia, pari a due righe, risulta correttamente posizionata sotto l'immaginecodice:.picright{float:right; text-align:right; padding:1em 0 1em 2em}
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
Rispondi quotando