Изменил назначение кнопки "Купить", кнопка работает не вся

[smile987]

Нашел здесь на форуме тему как менять кнопку купить на ссылку стороннего сайта https://opencartforum.com/topic/24889-%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B8%D1%82%D0%B5-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4-%D0%BD%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D0%BE%D0%BD%D0%BD%D0%B8%D0%B9-%D1%81%D0%B0%D0%B9%D1%82-%D0%BF%D0%BE%D1%81/
Сделал все как там, кнопка работает, но нажимать нужно на само слово купить, если нажмешь просто на кнопку ничего не будет, можно ли сделать чтобы кнопка была активна полностью, а не только само слово "купить"? И еще не могу сделать текст по середине, помогите.

[destreser]

http://htmlbook.ru/html/a

http://htmlbook.ru/css/padding

[smile987]

http://htmlbook.ru/html/a

http://htmlbook.ru/css/padding

В стили мы добавили:

.bottom_reverse - отвечает за кнопку

.bottom_reverse a - отвечает за надпись на ней (эта надпись и работает как ссылка)

<div class="bottom_reverse"><a href="<?php echo $location; ?>"><?php echo $button_cart; ?></a></div>

я не понимаю что тут нужно изменить, если и так стоит "bottom_reverse"

 

[destreser]

Сейчас у вас:

.bottom_reverse {
   ...
   margin: 8px 0px 0px 0px;
   padding: 6px 12px 6px 12px;
   ...
}
   .bottom_reverse a {
      ...
      padding: 16px 0px 0px 17px;
      margin: 0px 0px 0px 0px;
      ...
   }

Сделайте:

.bottom_reverse {
   ...
   display: block;
   padding: 0px 0px 0px 0px;
   width: 79px;
   ...
}
   .bottom_reverse a {
      ...
      display: inline-block;
      padding: 6px 20px;
      ...
   }

Змінено 31 січня 2014 користувачем destreser

[smile987]

 

Сейчас у вас:

.bottom_reverse {
   ...
   margin: 8px 0px 0px 0px;
   padding: 6px 12px 6px 12px;
   ...
}
   .bottom_reverse a {
      ...
      padding: 16px 0px 0px 17px;
      margin: 0px 0px 0px 0px;
      ...
   }

Сделайте:

.bottom_reverse {
   ...
   display: block;
   padding: 0px 0px 0px 0px;
   width: 79px;
   ...
}
   .bottom_reverse a {
      ...
      display: inline-block;
      padding: 6px 20px;
      ...
   }

Спасибо огромное!