Hello all,
Is it possible to avoid the spaces X & Y (see image)? There is no padding in CSS!
<html>
<head>
<title>Prova WIDGET</title>
<link rel="stylesheet" href="jquery-ui-1.8.1.custom/css/ui-lightness/jquery-ui-1.8.1.custom.css" type="text/css">
<script src="jquery-ui-1.8.1.custom/development-bundle/jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.1.custom/js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(themify);
function themify(){
$("#pulsante").addClass("ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"); //ui-button-text
}
</script>
<style>#test{display:none}</style>
<script type="text/javascript">
function rendiVisibile(){
if(document.getElementById("test").style.display = "none"){
$("#test").css({"width":"100px","float":"right","text-align":"center"});
$("#test").show("slide",{},1000);
}
}
</script>
</head>
<body>
<h2 class="ui-widget-header">Tentativo widget con DIV</h2>
<form action="">
<input type="button" value="Submit" id="pulsante" onclick="rendiVisibile()";><br/></br>
<div id="test" class="ui-widget ui-widget-content ui-corner-all">
<h3 class="ui-widget-header ui-corner-all">CIAO</h3>
<p class="ui-widget-content ui-corner-all">Un saluto</p>
</div>
</form>
</body>
</html>
