mirror of
https://github.com/jquery/jquery-ui.git
synced 2026-04-20 03:02:41 -04:00
Position demo: Updated sizes of elements.
This commit is contained in:
@@ -14,6 +14,7 @@
|
||||
<style>
|
||||
#parent {
|
||||
width: 60%;
|
||||
height: 40px;
|
||||
margin: 10px auto;
|
||||
padding: 5px;
|
||||
border: 1px solid #777;
|
||||
@@ -21,8 +22,6 @@
|
||||
text-align: center;
|
||||
}
|
||||
.positionable {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
position: absolute;
|
||||
display: block;
|
||||
right: 0;
|
||||
@@ -30,6 +29,14 @@
|
||||
background-color: #bcd5e6;
|
||||
text-align: center;
|
||||
}
|
||||
#positionable1 {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
}
|
||||
#positionable2 {
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
}
|
||||
.ui-flipped-top {
|
||||
border-top: 3px solid #000000;
|
||||
}
|
||||
@@ -93,13 +100,13 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="positionable">
|
||||
<div class="positionable" id="positionable1">
|
||||
<p>
|
||||
to position
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="positionable" style="width:120px; height: 40px;">
|
||||
<div class="positionable" id="positionable2">
|
||||
<p>
|
||||
to position 2
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user