Как выровнять радио кнопки внутри DIV?

Может кто-нибудь, пожалуйста, направьте меня в правильном направлении или скажите, что я делаю не так с моим CSS? Я хочу, чтобы мои переключатели были выровнены по горизонтали внутри DIV.

что я хочу:

|------(*)------|------|
1d     1w     1m     3m

заранее спасибо. вот моя скрипка за то, как это выглядит сейчас

map.php

<div id="menu_option">
<h1>Menu Option</h1>
<div id="button_position"><div id="date_selector">
<label>Select Date Range</label>
<form action="show_aht2.php" method="post">
<input type="radio" name="date_selected" value="1d" checked="checked"/>1d
<input type="radio" name="date_selected" value="1w" />1w
<input type="radio" name="date_selected" value="1m" />1m
<input type="radio" name="date_selected" value="3m" />3m
<input type="submit" name="get_aht" value="Get AHT" />
</form>
</div><!--date selector-->

<div class="clear"></div>

</div><!--button position-->
</div><!-- end menu_option div-->

CSS:

/*menu bar option*/
#menu_option{
width:200px;
height:600px;
background:#0099FF;
border-style: solid;
border-color: black;
position: relative;
float:right;
overflow:hidden;
text-align:center;
}

input[type="radio"] {
margin-left:10px;
}

#date_selector{
border:3px;
border-color:black;
}

#button_position{
width: 150px;
height: 80px
position: absolute;
}

#button_position button{
font-weigth:bold;
font-size:1.3em;
}

-1

Решение

Ваша проблема, вероятно, в том, что вы используете isset() неправильно. Как у вас сейчас, первый if заявление всегда вызовет ошибку.

isset( $_POST['date_selected'] === "1d" )

Разбивая его, у вас есть оператор сравнения, результатом которого всегда является логическое значение. Затем он передается в качестве параметра isset() функция. isset затем выдаст ошибку, потому что не знает, как обращаться со скалярными значениями.

Что касается выравнивания кнопок CSS по горизонтали, пожалуйста, посмотрите на это другой вопрос

1

Другие решения

В твоей скрипке в строке 6 я не вижу никакого метода.

Вы помещаете ‘method = «»‘. Правильным является ‘method = «post»‘

0

Я использую это всегда, читайте об этом. Я считаю это хорошей практикой

if($_SERVER['REQUEST_METHOD'] == 'POST'){
//Do the thing
}
0

Ну, есть много способов приблизиться к отправке этих данных в PHP, мой может быть не очень практичным, но, возможно, что-то немного нестандартное может помочь. Если вы хотите иметь большой контроль над данными, отправляемыми в файл PHP, вы можете отправить его через javascript и прочитать его из файла PHP, используя $ПОЛУЧИТЬ. Я сделал копию&Вставьте пример HTML-файла, который вы можете запустить в том же каталоге, что и ваш PHP-файл, и он должен дать результаты, которые вы ищете, с небольшим объемом редактирования. Мне нравится этот подход только потому, что он действительно дает вам контроль над данными еще до их отправки в файл PHP, делает кодирование файла PHP меньше. (Теоретически этот метод даст увеличение производительности! ^^)

<html>
<body>
<div id="date_selector">
<input type="radio" name="date_selected" value="1d" checked="checked"/>1d<br/>
<input type="radio" name="date_selected" value="1w" />1w<br />
<input type="radio" name="date_selected" value="1m" />1m<br />
<input type="radio" name="date_selected" value="3m" />3m<br />
<button onclick="sendRadios()">Get AHT</button>
<div id="test"></div>
<script>
function sendRadios() {
var a = document.getElementsByTagName("input");
var i = a.length - 1;
while (i != -1) {
if (a[i].checked == true) {
var rVal = a[i].value;
window.location.href = "./show_aht2.php?date_selected=" + rVal;
}
i = i - 1;
}
}
</script>
</div>
</body>
</html>

По сути, вышеприведенный код показывает, как отправлять данные на веб-странице в PHP через Javascript.

постскриптум При использовании этого ИЗМЕНИТЬ СВОЙ $ _POST к $ _GET

0
По вопросам рекламы ammmcru@yandex.ru
Adblock
detector