Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di R22G
    Registrato dal
    Mar 2013
    Messaggi
    5

    Paragrafo si affianca a titolo

    Ciao a tutti!
    Può sembrare banale, ma purtroppo non riesco ad allineare il paragrafo sotto all'h2.
    Posto il codice:
    codice HTML:
    <!doctype html><html lang=it>
    <head>                
    <meta charset=UTF-8>                
    <title>Dante Alighieri</title>                
    <style>                
    body{width: 80%;margin:0 auto;    /* cerca di partizionare il 20% rimanente lasciando il margine adatto */}               
     h1{font-size: 200%;font-variant: small-caps;background-color: DarkGrey;}     
    h2, p{float: right;height: auto;width: auto;} 
    img{width: 40%;height: auto; /* altezza automatica e larghezza specificata in %, così che non venga deformata */float: left;}
    p:first-letter{ /* prima lettera del paragrafo */font-size: 200%;}
    p{margin: 0 auto;}                
    </style>        
    </head>        
    <body>        
    <h1>Dante Alighieri</h1>        
    <img src=dante.jpg>                
    <h2>Inferno Canto III v 1-9</h2>        
    <p>Per me si va nella città dolente;<br> 
    Per me si va nell'etterno dolore; <br>
    Per me si va tra la perduta gente; <br>
    giustizia mosse il mio alto fattore: <br>
    fecemi la divina potestate, <br>
    la somma sapienza e 'l primo amore; <br>
    dinanzi a me non fuor cose create <br>
    se non etterne, e io etterno duro.<br>
    Lasciate ogne speranza, voi ch'intrate.</p>        
    </body>
    </html>
    Mi ritrovo quindi l'h2 float a destra che funziona, ma il paragrafo si affianca alla sua sinistra e non va sotto, pur essendo un elemento di block... Aiuto
    Ultima modifica di R22G; 23-11-2014 a 16:36
    Riccardo Dell'Omo

  2. #2
    ho preso il codice l'ho provato ma non capisco come vorresti che uscisse la pagina
    Un tardo hegeliano di Busalla / allevava un gorilla nella stalla
    citando Adorno nell notti chiare / finché il primate stanco di ascoltare
    lo strangolò con una sciarpa gialla Dillo Con Parole Sue

  3. #3
    Utente di HTML.it L'avatar di R22G
    Registrato dal
    Mar 2013
    Messaggi
    5
    Quote Originariamente inviata da nivasio Visualizza il messaggio
    ho preso il codice l'ho provato ma non capisco come vorresti che uscisse la pagina
    Ciao e grazie per venirmi in soccorso!
    In pratica il paragrafo si affianca alla sinistra del titolo, quando vorrei che il paragrafo si ritrovi sotto al titolo!
    Riccardo Dell'Omo

  4. #4
    secondo me dovresti creare due div allora, uno per l'immagine a un'altro per h2 e paragrafo

    però adesso ho provato a modificare così e funziona lo stesso
    h2, p{height: auto;width: auto;} togliendo il float
    Ultima modifica di nivasio; 23-11-2014 a 18:44
    Un tardo hegeliano di Busalla / allevava un gorilla nella stalla
    citando Adorno nell notti chiare / finché il primate stanco di ascoltare
    lo strangolò con una sciarpa gialla Dillo Con Parole Sue

Tag per questa discussione

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