Bordi smussati

In internet explorer è impossibile farlo con i css, comunque rimane il problema del colore di sfondo sugli angoli...

E dove è scritto? Puoi usare diverse tecniche, alcune magari non sono il massimo, IMHO più dello JS.

Un esempio ne è il mio sito personale.

Altri sono qui: Angoli Arrotondati CSS.

Se guardi poi, c'è anche una discussione dove spiego come creare un blocco con delle immagini. Un esempio? eccolo:



5 immagini leggerissime, di un paio di byte che ti fanno questo risultato uasndo CSS e DIV. Il tutto visibile ugualmente in tutti i browser e automatici in fatto di lunghezza, quindi senza il bisogno di dover utilizzare il clear

Oppure utilizzando due immagini.
Crei il div class=bordo1 e class=bordo2 e dai uno stile con il CSS.
Dando ad ogni class un background (quello superiore e quello inferiore) [...]

[sliver]

Risolto Grazie
Però ho notato che lo sfondo dove va a smussare l'angolo lo fa bianco...come posso rimediare?

prova a cambiare la libreria che "arrotonda", questa sembra piu promettente.

Devi sostituire la libreria che avevi con la nuova jquery.curvycorners.min.js e, in questo caso dovresti essere a posto. Ricordati di guardare la sorgente della pagina degli esempi per capire come funziona.

[tryhere]

Alla fine ho optato per la NiftyCube (esempio).
Eppure ancora non riesco a farla funzionare.
Ho caricato l'esempio qui.

[sliver]

non conosco questa libreria ma ad una rapida occhiata mi sembra che cerca di includere il foglio di stile niftyCorners.css e lo cerca nella sua stessa directory. Scaricalo e uppalo nella tua javascript/

[tryhere]

Funziona! Grazie
Altre due domande: non c'è un modo per dire alla libreria di cercare il foglio CSS in una directory diversa da quella in cui si trova la libreria?
Ma soprattutto...c'è un modo per evitare che dove vengono smussati gli angoli non si veda lo sfondo bianco ma quello della pagina?
Per capire a cosa mi riferisco potete trovare qui l'esempio.

[matt93]

per il cambio del foglio di stile basta modificare la funzione add CSS

function AddCss(){
niftyCss=true;
var l=CreateEl("link");
l.setAttribute("type","text/css");
l.setAttribute("rel","stylesheet");
l.setAttribute("href","/css/niftyCorners.css");
l.setAttribute("media","screen");
document.getElementsByTagName("head")[0].appendChild(l);
} 

e poi per la trasparenza

window.onload=function(){
Nifty("div#left","big trasparent");
Nifty("div#right","big trasparent");
} 

[tryhere]

Grazie per il cambio di directory.
Invece per la trasparenza l'ho messa ma il risultato è stato peggio di prima...