Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Box sfumato

  1. #1

    Box sfumato

    Salve ragazzi,
    dovrei riprodurre questo box in CSS: .

    Per gli angoli arrotondati ho fatto così:
    <div class="BOX">
    <div class="B_1">IMG angolo</div> <div class="B_2">IMG angolo</div>
    <div class="B_CONT">Contenuto</div>
    <div class="B_4">IMG angolo</div> <div class="B_3">IMG angolo</div>
    </div>

    .B_CONT {clear:both;margin:0 5px 0 5px}
    .B_1, B_4 {float:left}
    .B_2, .B_3 {float:right}

    Ora come faccio a inserire il gradiente e i bordi laterali? E' ovvio che non posso usare la clausola "Border" altrimenti il browser mi metterebbe il bordo fuori dalla divisione...

    AIUTO!
    Mantisworks.net - Soluzioni dal web per il web!
    SEO, SEM, Software, Siti internet, Grafica e Multimedia

  2. #2

    Re: Box sfumato

    Originariamente inviato da Ruben Elmo
    Ora come faccio a inserire il gradiente e i bordi laterali? E' ovvio che non posso usare la clausola "Border" altrimenti il browser mi metterebbe il bordo fuori dalla divisione...
    Il gradente non sarà altro che una foto di sfondo (fatta con un apposito progr di grafica) e delle dimensioni che preferisci.
    Il border non ha problemi se fai i conti giusti. Se non ti riesce puoi fare tutto con le foto.
    Se vuoi essere più "in" puoi usare una vera comodità i "nifty corners".
    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
    Più o meno ci sono riuscito...

    Il risultato è questo: LINK

    Non so però come risolvere un problema di compatibilità!

    Su IE7 e FF la pagina si vede bene mentre su IE6 si vede una piccola linea tra la fine del contenuto e il footer del box...

    Avete qualche idea?
    Mantisworks.net - Soluzioni dal web per il web!
    SEO, SEM, Software, Siti internet, Grafica e Multimedia

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.