Surely eAsy but I am not able ... JQUERY UI - WIDGET - HEADER
Posted
by alex
on Stack Overflow
See other posts from Stack Overflow
or by alex
Published on 2010-05-09T20:04:17Z
Indexed on
2010/05/09
20:08 UTC
Read the original article
Hit count: 168
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>
© Stack Overflow or respective owner
