вопрос
Здравствуйте, хочу установить сгенерированную кнопку на CSS3 и в итоге не хочет читать стили кнопки то есть кнопка просто как обычная ссылка без каких либо эффектов.
Вот код кнопки для примера:
Это в Html:
я вставлял это в main.tpl
Это в CSS:
я вставлял это в style.css
Жду вашей помощи!
Вот код кнопки для примера:
Это в Html:
я вставлял это в main.tpl
<a href="#" class="button"/>Превью</a>
Это в CSS:
я вставлял это в style.css
.button{
text-decoration:none;
text-align:center;
padding:11px 32px;
border:solid 4px #004F72;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#E5FFFF;
background-color:#3BA4C7;
background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
/* http://itpride.net/css3buttons */
}
Жду вашей помощи!
Возможно происходит конфликт с уже существующим классом .button, попробуйте в файле style.css заменить данный класс на .newbutton или любой другой.
Не забудьте изменить в main.tpl:
на:
Также почистите кэш в браузере и в самой админке сайта.
Не забудьте изменить в main.tpl:
<a href="#" class="button"/>Превью</a>
на:
<a href="#" class="newbutton"/>Превью</a>
Также почистите кэш в браузере и в самой админке сайта.