Salve, ho creato una tabella con gli angoli arrotondati utilizzando i tag <div> e delle librerie di javascript.
Il tutto funziona perfettamente, il mio problema nasce quando voglio inserire due tabelle con gli angoli arrotondati nella stessa pagina, la prima tabella non funziona ossia mi compare con gli angoli normali mentre la seconda si.
Mi potete dire dove sbaglio.
Posto il codice.
Mi scuso se ho chiamato un div tabella, sò che è differente ma non sò come chiamare questo quadrato costruito con i tag <div>.
Grazie.
M.
<html>
<head>
<script type="text/javascript" src="curvycorners.js"></script>
<style type="text/css">
#testo
{
background: #CCDDEE;
color: #336699;
font: normal 12px verdana;
width: 500px;
padding: 20px 20px 20px 20px;
border: solid 3px #336699;
}
#testo1
{
background: #CCDDEE;
color: #336699;
font: normal 12px verdana;
width: 500px;
padding: 20px 20px 20px 20px;
border: solid 3px #336699;
}
</style>
</head>
<body>
<div id="testo">primo esemprio</div>
<script type="text/javascript">
window.onload = function() {
var impostazioni = {
tl: { radius: 20 },
tr: { radius: 50 },
bl: { radius: 50 },
br: { radius: 20 },
antiAlias: true
}
curvyCorners(impostazioni, document.getElementById("testo"));
}
</script>
<div id="testo1">secondo esempio</div>
<script type="text/javascript">
window.onload = function() {
var impostazioni = {
tl: { radius: 20 },
tr: { radius: 50 },
bl: { radius: 50 },
br: { radius: 20 },
antiAlias: true
}
curvyCorners(impostazioni, document.getElementById("testo1"));
}
</script>
</body>
</html>
Rispondi quotando