Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    Realizzare un box sfumato e bordi arrotondati

    Ciao a tutti,

    Sto cercando di includere il testo di un paragrafo al'interno di un box con bordi sfumati e arrotondati che ho disegnato in photoshop.

    Ho tagliato i lati superiore e inferiore (angoli compresi) e un pezzo del tratto verticale in modo da poterlo ripetere verticalmente in quanto non conosco la lunghezza del testo come estensione verticale.
    E' possibile usare 2 background all'interno dello stesso div? Come dovrei gestirle?

    Ora però non saprei applicare queste immagini al div. Questo il CSS che sicuramente sarà errato!

    #intestazione{
    background-color:white;
    padding: 40px 20px 26px 20px;
    margin: 0px 30px 20px 30px;
    height: auto;
    background: url(img_cornice_box/barra_top_cornice.jpg) no-repeat top center;
    background: url(img_cornice_box/barra_bottom_cornice.jpg) no-repeat bottom center;
    }

    <div id="instestazione">
    ..contenuto..
    </div>

    PS.
    Come faccio a postare le immagini?

    Grazie!

  2. #2

    Re: Realizzare un box sfumato e bordi arrotondati

    Originariamente inviato da settembre05
    E' possibile usare 2 background all'interno dello stesso div? Come dovrei gestirle?
    Non è possibile... trova un'alternativa.
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    ok, grazie


  4. #4

    Re: Realizzare un box sfumato e bordi arrotondati

    Originariamente inviato da settembre05

    E' possibile usare 2 background all'interno dello stesso div? Come dovrei gestirle?
    Non so se ho ben capito, però potresti applicare il
    codice:
     background: url(img_cornice_box/barra_bottom_cornice.jpg) no-repeat bottom center;
    al DIV contenitore

    e il

    codice:
    background: url(img_cornice_box/barra_top_cornice.jpg) no-repeat top center;
    al paragrafo contenuto.

  5. #5
    ho già usato questa tecnica, ma va bene quando sai la lunghezza massima del tuo div.

    Al'interno del div in questione ci devo mettere del testo e nn so quanto verrà lungo quindi automaticamente nn so quanto fare lunga la mia immagine della cornice, inoltre nn voglio appensantire la pagina con delle immagini grandi che possono nn servire nel caso in cui il testo è breve.

    Per questo avevo pensato se era possibile tagliare la cornice in :
    barra top compresi gli angoli dx e sx
    barra bottom compresi gli angoli dx e sx
    un pezzo del tratto verticale dx da far ripetere
    un pezzo del tratto verticale sx da far ripetere


    .... a poi nn so come includerli nel Css....

  6. #6
    devo usare 4 div inscatolati?

  7. #7
    Onde evitare equivoci, potresti allegare l'immagine di come dovrebbe venire?

  8. #8
    Utente di HTML.it L'avatar di custanz
    Registrato dal
    Apr 2007
    Messaggi
    106
    scusate se m'intrometto...

    ma nn ho capito una cosa...

    tu non sai quanto sia lungo o quanto poi sia alto... o entrambi...

  9. #9
    conosco la larghezza, ma nn so la lunghezza!


    cornice

  10. #10
    E vorresti ottenere? Puoi illustrarci?

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.