Кнопка диалога JQuery - позиции

Question

У меня есть три кнопки на странице. одна кнопка должна быть в правом верхнем углу, а еще две кнопки должны быть внизу слева.

Итак, как разделить позиции кнопок в jQuery?

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none; 
    position:absolute; 
    top:150px; 
} 
.ui-dialog .ui-dialog-buttonpane { 
    text-align: center; 
} 

Как включить пользовательское изображение?

Answer 1

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none; 
    position:absolute; 

} 
.ui-dialog { 
    top: 10px !important; 
    right:5px; 

} 
.ui-dialog-buttonpane .ui-dialog-buttonset { 
    top: 400px;(this value depends on the page layout) 
    left: 10px; 
} 

, если вы хотите использовать JQuery

$(.ui-dialog).css('top', '10px'); 
$(.ui-dialog).css('right', '5px'); 

$(.ui-dialog-buttonpane).css('top', '400px'); 
$(.ui-dialog-buttonpane).css('left', '5px'); 

$(.ui-dialog-buttonset).css('top', '400px'); 
$(.ui-dialog-buttonset).css('right', '10px'); 

обертка этот код в document.ready функции Fiddle: http://jsfiddle.net/z8ZQF/4/

.ui-dialog-buttonset button:first-child { 
    right:30px; 
    position: absolute; 
    top: 42px; 
} 
.ui-dialog-buttonset{ 
    position:relative; 
}