Buonasera a tutti, ho un problema contro cui stò combattendo da diversi giorni:
Ho una pagina con una carinissima immagine di sfondo composta da diverse tonalità sfumate, ho pensato di mettere in questa pagina (contenitore) alcuni div a cui ho tentato di applicare i niftycube che ho trovato proprio in questo sito.
RISULTATO: Se al posto dell'immagine di sfondo metto un qualsiasi colore tutto viene perfettamente e i box vengono visualizzati con i bordi stondati.
Se invece utilizzo l'immagine come sfondo i box vengono si con i bordi stondati, ma ai vertici di essi appare un triangolino grigio scuro in tutti e 4 gli angoli di ogni box (e l'effetto non è dei più esaltanti).
C'e' un modo per ovviare a questo piccolo ma fastidioso inconveniente? Ho sentito parlare dei ruzee Borders dovrò per forza ricorrere a quelli?? Ho gia fatto tutto il layout con i nifty e non vorrei ricominciare da capo! (E' vero che il sito e' minuscolo ma sono alle prime armi!)
P.S. Posto un po del codice javascript giusto per chiarezza:
N.B. Il canvas è il div centrato con width="70%" a cui è applicata l'immagine di sfondo.codice:<script type="text/javascript" src="niftycube.js"></script> <script type="text/javascript"> window.onload=function(){ Nifty("div.canvas","transparent fixed-height"); Nifty("div.header","transparent fixed-height"); Nifty("div.staff,div.sede","transparent same-height"); Nifty("div.jobs,div.preventivi","transparent same-height"); Nifty("div.news","transparent fixed-height"); } </script> </head> <body> <div class="canvas"> <div class="header"></div> <div class="staff"></div> <div class="sede"></div> <div class="jobs"></div> <div class="preventivi"></div> <div class="news"></div> </div>
Grazie mille a tutti
Alessia
) e cmq ho provato a fare come dici tu ma il risultato è che solo il canvas viene visualizzato con i bordi stondati e i box interni no (perchè il triangolino che tu dici essere del colore di sfondo della pagina ora è bianco, poichè lo sfondo della pagina è ora bianco, e quindi si annulla l'effetto Nifty)!