Как переместить «+» вправо i n css?

enter image description here Как переместить «+» вправо i n css?

My Css, как показано ниже, я пытаюсь переместить значок «+» вправо немного, но не смог его переместить, может ли кто-нибудь помочь?

.button-sec-icon { 
    background-color: #fdfdfd; 
    cursor:pointer; 
    background: transparent url("images/basicsetup/plus.png") no-repeat left!important; 
    margin-right: 5px; 
    border: 2px solid #EEEEEE; 
    border-radius: 5px 5px 5px 5px; 
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2); 
    color: #ca2b2b; 
    display: block; 
    height: 28px; 
    margin: 10px 0 0 60px; 
    transition: all 0.5s ease 0s; 
    min-width: 150px; 
    width: 121px; 
} 


.button-sec-icon:hover { 
    border :1px solid #888; 
    box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2); 
}

источник

2013-09-27 tsohtan

Вы дважды использовали маркер поля. «margin-right» и «margin». Удалите первый «margin-right» и посмотрите, что произойдет. – jbrya029

@ n00b, вы правы, как правая причина проблемы. Я хотел бы принять ваш ответ, но вы добавили комментарий :) – tsohtan

Что это за название .button-sec-icon? Это относится к кнопке или другому элементу? ответы ниже предполагают, что имя класса относится к элементу кнопки. Также опубликуйте свой связанный код html. –

Вы использовали маржинального тег дважды. «margin-right» и «margin». Удалите первый «margin-right» и посмотрите, что произойдет.

источник

2013-09-27 07:38:04 jbrya029

Можете ли вы установить положение фона в верхнем правом углу?

background: transparent url("images/basicsetup/plus.png") top right no-repeat !important;

Или, даже если вам это нужно через некоторое время, использовать проценты или фиксированная ширина:

background: transparent url("images/basicsetup/plus.png") 0 5% no-repeat !important; 
background: transparent url("images/basicsetup/plus.png") 0 5px no-repeat !important;

источник

2013-09-27 07:19:13 CodingIntrigue

Я думаю, что OP хочет переместить фоновое изображение чуть правее, но не совсем правильно. Хотя я не уверен. «_icon справа бит_» –

Хорошая мысль, это звучит так. Обновлен пример явной ширины – CodingIntrigue

background-position: 10px 0px;

Это должно сделать трюк, фон-позиции могут быть использованы во многих отношениях. Возьмите прочитать здесь:

http://www.css3.com/css-background-position/

источник

2013-09-27 07:19:18

, который работает только в том случае, если плюсом является фоновое изображение. – FaddishWorm

@FaddishWorm В этой строке есть подсказка: «background: transparent url (« images/basicsetup/plus.png »)' – CodingIntrigue

Вы должны использовать background-position

background: transparent url("images/basicsetup/plus.png") no-repeat left!important;

Таким образом, вместо того, чтобы использовать left, используйте

background-position: 10px 0; /* Parameters are X and Y respectively */

источник

2013-09-27 07:19:28

Я попытался изменить значение X, я вижу, что он перемещается вверх и вниз в браузере Chrome, но когда я изменить Y, это не движется, любая идея? – tsohtan

@tsohtan http://jsfiddle.net/LXDFF/ установить параметр 'px' в соответствии с вашими потребностями –

Как переместить «+» вправо i n css?

ответ

Смежные вопросы