HTML кнопки с помощью CSS

У меня есть этот CSS для Button-HTML кнопки с помощью CSS

a.button { 
    border-top: 1px solid #7f93bc; 
    background: #7f93bc; 
    background: -webkit-gradient(linear, left top, left bottom, from(#7f93bc), to(#7f93bc)); 
    background: -moz-linear-gradient(top, #7f93bc, #7f93bc); 
    padding: 10.5px 21px; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
    box-shadow: rgba(0,0,0,1) 0 1px 0; 
    text-shadow: rgba(0,0,0,.4) 0 1px 0; 
    color: white; 
    font-size: 18px; 
    font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; 
    text-decoration: none; 
    vertical-align: middle; 
    } 
a.button:hover { 
    border-top-color: #0e1f5b; 
    background: #0e1f5b; 
    color: #ffffff; 
    } 
a.button:active { 
    border-top-color: #0e1f5b; 
    background: #0e1f5b; 
    }

Ниже оказывается ссылку. Я хочу, чтобы в этом стиле появилась кнопка. Что я могу заменить ниже?

$theOffers .= "<br><li class=\"gateway-offer\"><a href=\"http://fakeurlforanon/aff_c?offer_id=".$offer['id']."&aff_id=$affiliateId\" target=\"_blank\">$offer[name]</a></li><br>";

источник

2011-05-20 Shane G

Просто добавьте класс к тегу:

...ffer\"><a class=\"button\" href=\"http://fakeurlf...

источник

2011-05-20 01:54:46

45 секунд быстрее - хорошая работа! – Beejamin

Это все еще отображало ссылку. –

Вам нужно будет добавить демоверсию. У вас есть 3 ответа, все по существу одинаковые ... так что у вас есть другая проблема в другом месте. –

Похоже, вам просто нужно добавить class="button" в свой якорный тег, например:

$theOffers .= "<br><li class=\"gateway-offer\"><a class=\"button\" href=\"http://fakeurlforanon/aff_c?offer_id=".$offer['id']."&aff_id=$affiliateId\" target=\"_blank\">$offer[name]</a></li><br>";

Это должно сделать это выбрать все, что у вас уже есть.

источник

2011-05-20 01:56:15 Beejamin

Это привело к тому, что вся страница не загружалась. –

К сожалению, я забыл избежать цитат вокруг тега кнопки. Обновлено сейчас. – Beejamin

И приветствую вас. – Beejamin

Вы забыли указать, что <a> должен быть класса button.

$theOffers .= ' 
<br /> 
<li class="gateway-offer"> 
    <a class="button" href="http://fakeurlforanon/aff_c?offer_id=' . $offer["id"] . '&amp;aff_id=' . $affiliateId. '" target="_blank">' . $offer["name"] . '</a> 
</li><br />';

источник

2011-05-20 01:58:20 Marty

HTML кнопки с помощью CSS

ответ

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