Как вы размещаете CSS-КНОПКИ

-1

.button1{ 


     background: #E68A00 url(wooden.jpg) repeat-x; 
     border: 2px solid #eee; 
     height: 28px; 
     width: 115px; 
     margin: 50px 0 0 50px; 
     padding: 0 0 0 7px; 
     overflow: hidden; 
     display: block; 
     text-decoration:none; 
     font-family: 'Sacramento', cursive; 
     color : white; 
     font-size: 30px; 

     /*Rounded Corners*/ 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 

    /*Gradient*/ 
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); 
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); 
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); 
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); 
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); 

    /*Transition*/ 
    -webkit-transition: All 0.5s ease; 
    -moz-transition: All 0.5s ease; 
    -o-transition: All 0.5s ease; 
    -ms-transition: All 0.5s ease; 
    transition: All 0.5s ease; 


    } 

    #pg .button1{ 
    position: absolute 
    left:340px; 
    top:50px; 

    } 

    #p2 .button1{ 
    position:relative 
    left:340px; 
    top:50px; 

    } 

    #p3 .button1{ 
    position:relative 
    left:40px; 
    top:50px; 

    } 

    .button1:hover { 
     width: 200px; 
    } 


<a class="button1 pg " href="...">Small $14</a> 
    <a class="button1 p2" href="...">Medium $15</a> 
    <a class="button1 p2" href="...">Large $16</a>

Я разместил этот вопрос более двух раз сегодня! и все еще не имеют рабочего решения. Приведенный выше код работает, но когда я пытаюсь изменить левое и верхнее значения, ничего не происходит :( В основном я хочу изменить положение трех кнопок, разделяющих одно и то же свойство (дизайн). раздражаю, я сидел здесь в течение последних 3-х часов в поисках решения этой проблемы. пожалуйста, помогите!Как вы размещаете CSS-КНОПКИ

источник

2013-03-17 user2125086

Возможный дубликат [Как разместить кнопку спрайты css] (http://stackoverflow.com/questions/1 5465025/кнопка, как к позиции-спрайты-CSS). И тот же код из http://stackoverflow.com/questions/15464726/a-tag-inside-another-tag-html –

у вас нет id атрибутов, пока вы ожидаете # ID селекторов работать?

для выбора первой кнопки , вам понадобится что-то вроде .button1.pg

источник

2013-03-17 20:12:54

Как вы размещаете CSS-КНОПКИ

ответ

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