Как выровнять радио кнопки внутри 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;
}
Решение
Ваша проблема, вероятно, в том, что вы используете isset() неправильно. Как у вас сейчас, первый if заявление всегда вызовет ошибку.
isset( $_POST['date_selected'] === "1d" )
Разбивая его, у вас есть оператор сравнения, результатом которого всегда является логическое значение. Затем он передается в качестве параметра isset() функция. isset затем выдаст ошибку, потому что не знает, как обращаться со скалярными значениями.
Что касается выравнивания кнопок CSS по горизонтали, пожалуйста, посмотрите на это другой вопрос
Другие решения
В твоей скрипке в строке 6 я не вижу никакого метода.
Вы помещаете ‘method = «»‘. Правильным является ‘method = «post»‘
Я использую это всегда, читайте об этом. Я считаю это хорошей практикой
if($_SERVER['REQUEST_METHOD'] == 'POST'){
//Do the thing
}
Ну, есть много способов приблизиться к отправке этих данных в 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