I was making this simple trial, but can anyone tell me why the distance from the border of DIV to the H2 header is so much ? How can I reduce it ? I don't want space ...
Prova
WIDGET
<link rel="stylesheet" href="jquery-ui-1.8.custom/css/smoothness/jquery-ui-1.8.custom.css" type="text/css">
<link rel="stylesheet" href="jquery-ui-1.8.custom/development-bundle/ui/jquery-ui-1.8.custom.css" type="text/css">
<script src="jquery-ui-1.8.custom/development-bundle/jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.custom/js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(themify);
function themify(){
$("div").addClass("ui-widget ui-widget-content ui-corner-all");
$("input").addClass("ui-button ui-button-text");
$(":header").addClass("ui-widget-header ui-corner-all"); //ui-widget
}
</script>
<style>#test{display:none}</style>
<script type="text/javascript">
function rendiVisibile(){
if(document.getElementById("test").style.display = "none"){
$("#test").css({"width":"200px","float":"right","text-align":"center"});
$("#test").show("slide",{},1000);
}
}
</script>
</head>
<body>
<h2>Tentativo
widget con DIV</h2>
<form action="">
<input type="button" value="Submit" id="pulsante" onclick="rendiVisibile()";><br/></br>
<div id="test">
<h2>CIAO</h2>
Un saluto
</div>
</form>
</body>
