Проблем с radio button
Здравейте,
Може ли някой да помогне как става подреждането на радио бутоните на един ред. Пробвах всевъзможни варианти, но не става и не става.
Best Answer
Здравей.
Вероятно става въпрос за 4-та задача. Аз лично съм направил следното:
<div id="radio">
<input type="radio" name="gender" id="female">Female
<input type="radio" name="gender" id="male">Male
<input type="radio" name="gender" id="other">Other
</div>
и css:
#radio {
display: inline-block;
width: 200px;
transform: scale(0.9);
font-size: 1.4em;
float: left;
}
#female, #male,#other {
width: 15px;
}
input {
width: 89px;
height: 18px;
margin-bottom: 5px;
border-radius: 4px;
border: 1px solid #76829C;
}
П.С : Дано да се получи при теб,но зависи как си направила другите неща.
Ами при мен не работи. И не мога да разбера защо.
Пробвай с това:
http://stackoverflow.com/questions/2306117/radio-buttons-and-label-to-display-in-same-line
това: http://stackoverflow.com/questions/25695344/how-to-keep-radio-buttons-on-same-line-in-form
Кажи как си структорирала нещата ,защото при мен се получи .
Дай да ти видим кода. Така няма как да гадаем как е написано.
Можеш да им зададеш стойност дисплей блок и след това флоат лефт, обаче трябва същите свойства да имат и родителския елемент.Също така много е важно флоат елементите да имат зададени ширини, защото може в противен случай да заемат 100 процента място и се получават бъгчета.
HTML : http://pastebin.com/sHFySbuc
Това е последният вариант, като преди това пробвах всичко от тази страница: http://stackoverflow.com/questions/2306117/radio-buttons-and-label-to-display-in-same-line и промених няколко пъти и html и CSS. Проблема е някъде в CSS.
CSS: http://pastebin.com/ZEZbdida
Edit: Моля, използвайте pastebin.com или друга платформа ако споделяте големи парчета код. Благодаря.
input[type="radio"]
{
width: 200px;
display: block;
float: left;
}
Направих го и по този начин.Разместват се, като пак са на 3 реда, но вече са навсякъде, а не едно под друго , но не се подреждат в една линия.
Не мога да кажа ,че моето решение е много добро ,но е някакво. Ако искаш го погледни
Това е пътя към github-а ми .
https://github.com/TeodorDimitrov89/SoftUni-Open-Courses/tree/master/Web%20Fundamentals%20(HTML%20and%20CSS)-2016
Кажи дали ти е помогнало.
Като променя само частта с радио бутоните не помага.
Качи целия код Html+Css на задачата някъде за да го разгледам.