Кнопка CSS не может быть нажата

49
3

Пожалуйста, взгляните на ЭТУ страницу.


Пожалуйста, загрузите некоторые случайные данные и щелкните по краям кнопки для отправки.


ПРОБЛЕМА: Я не могу нажать кнопку на краях.

AIM: Я хочу расширить часть, доступную для кликов, по всей кнопке.


Думаю, мне нужно это представить. Но я не уверен, где и как это должно быть сделано.


Код, который я использую для кнопки,


<?php echo $form->submit('Submit', array('class' => 'submit_input', 'div' => array('class' => 'stndrd_btn', 'style' => 'margin-top:20px;'))); ?>

Спасибо и хорошо провели день

спросил(а) 2010-06-28T04:57:00+04:00 9 лет, 8 месяцев назад
1
Решение
62

Какую библиотеку/структуру вы используете для создания форм? Код, который вы отправили, не говорит нам о сгенерированном HTML.


В любом случае. Если вы проверите DOM с Firebug или что-то подобное, вы увидите, что элемент кнопки не охватывает все видимое пространство.


Глядя на ваш CSS (global_style.css), я вижу, что ширина этой кнопки жестко запрограммирована на 131 пиксель:


.submit_input {
color:#FFF;
margin:0 auto;
text-align:center;
font-size:14px;
font-weight:bold;
background:none;
border:none;
width:131px;
height:22px;
padding-top:6px;
cursor:pointer;
}

Элемент, который обертывает фактическую кнопку (и показывает курсор визуального указателя и фоновое изображение), имеет ширину 140 пикселей и высоту 30 пикселей.


Теперь вы не хотите снова переустанавливать эти значения на кнопку, вы хотите установить эту кнопку на 100% ширину и высоту. Это может не работать, если это встроенный элемент, поэтому вам нужно установить его свойство display в значение block. Замените селектор .submit_input на следующее:


.submit_input {
color:#FFF;
margin:0 auto;
text-align:center;
font-size:14px;
font-weight:bold;
background:none;
border:none;
width: 100%;
height: 100%;
display: block;
padding-top:6px;
cursor:pointer;
}

Это должно сделать это. Приветствия.

ответил(а) 2010-06-28T20:38:00+04:00 9 лет, 8 месяцев назад
49

Задайте атрибуты width и height в submit_input css class до 100%

ответил(а) 2010-06-28T05:03:00+04:00 9 лет, 8 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема