Ho appena scoperto Nifty Corners Cube: http://css.html.it/articoli/leggi/16...cosi-facili/3/
La sua funzione, è quella di creare in automatico angoli arrotondati, senza aver bisogno di alcun genere di immagini.
Non sapendolo usare molto bene, ho avuto la buona idea di copiare il codice di un esempio ( http://www.html.it/articoli/esempi/a...13/nifty1.html ) e ovviamente di aggiustare i href..
Solo che su html.it visualizzo gli angoli correttamente arrotondati, in locale invece, gli angoli sono retti.
Vi allego il codice:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: Javascript and CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 30px 0 0;background:#FFF;
font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 18em;padding: 20px;margin:0 auto;
background:#E6E6E6;color:#000}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}
h1,p{margin:0;padding:10px 20px}
</style>
<script type="text/javascript" src="http://www.html.it/articoli/esempi/articoli_pro/713/niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#box","big");
}
</script>
</head>
<body>
<div id="box">
<h1>Nifty Corners Cube™</h1>
One call. Two parameters. Three sizes.</p>
</div>
</body>
</html>