Всем привет, У меня есть содержимое закладки которое я пытаюсь удобно расположить И как бы все на месте но инпуты слишком прижаты друг к другу сверху и снизу http://s020.radikal.ru/i707/1410/0a/bbf4a69f5537.png
Я пытался в стилях дива группы прописать padding-top и padding-bottom
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
mstdmstd
Всем привет,
У меня есть содержимое закладки которое я пытаюсь удобно расположить
И как бы все на месте но инпуты слишком прижаты друг к другу сверху и снизу
http://s020.radikal.ru/i707/1410/0a/bbf4a69f5537.png
Я пытался в стилях дива группы прописать padding-top и padding-bottom
но это не помогло
Также удивило что задав синий и красный бордюр для 2х дивов они отображаются узким полосками
Видимо эти отступы нужно делать не так ?
Весь блок:
<div class="tab-pane animated fadeInUp country_ajaxed {if ( $scheduleType == "days" or $scheduleType == "" ) or $mode == "add"}active{/if}" id="tab-specific-days"><div class="row"><div class="col-md-1"></div><div class="col-md-4"><p>{"Please select a specified days"|translate}:</p><div id="days_calendar"></div></div><div class="col-md-6 text-right"><div class="text-left"><p>{"Please fill your schedule"|translate}:</p></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_slots">{"Slots"|translate}:</label><div class="col-sm-3"><input class="form-control" name="sched_days_slots" id="sched_days_slots" value="{$Schedule->slots}" onchange="javascript:dataModified('days');" /></div><label style="padding-left: 0px; padding-right: 0px;" class="col-sm-3 control-label" for="sched_days_price">{"Price"|translate} {$CurrentUser->Company()->Currency()->iso_code}:</label><div class="col-sm-3"><input class="form-control" name="sched_days_price" id="sched_days_price" value="{$Schedule->price}" onchange="javascript:dataModified('days');" /></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_is_outcall" >Outcall class:</label><div class="col-sm-9"><input type="checkbox" value="1" id="sched_days_is_outcall" name="sched_days_is_outcall" placeholder="{"Outcall class"|translate}" {if $Schedule->is_outcall eq 1}checked{/if} onchange="javascript:sched_days_is_outcallOnchange();dataModified('days');" ></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="">Outcall Class Location:</label><div class="col-sm-9 text-left"><textarea class="form-control" id="sched_days_outcall_class_location" name="sched_days_outcall_class_location" placeholder="{"Outcall Class Location"|translate}" rows="8" cols="40" onchange="javascript:dataModified('days');" >{$Schedule->outcall_class_location}</textarea></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_branch_id">{"Location"|translate}:</label><div class="col-sm-9"><select class="form-control" name="sched_days_branch_id" id="sched_days_branch_id" onchange="javascript:dataModified('days');" ><option value="">Select Location</option>{foreach from=$Branches item=Item}<option {if $Schedule->branch_id == $Item->id}selected{/if} value="{$Item->id}">{$Item->City()->title}, {$Item->address_1} {$Item->address_2}</option>{/foreach}</select></div></div><div class="form-group" style="margin-top: 6px; padding-bottom: 6px; border: 1px dotted red;" ><label class="col-sm-3 control-label" for="sched_days_time_start">{"From"|translate}:</label><div class="col-sm-3"><input class="form-control time-select" name="sched_days_time_start" id="sched_days_time_start" value="{$Schedule->sched_days_time_start|date_format:"%H:%M"}" onchange="javascript:dataModified('days');" /></div><label class="col-sm-3 control-label" for="sched_days_time_end">{"to"|translate}:</label><div class="col-sm-3"><input class="form-control time-select" name="sched_days_time_end" id="sched_days_time_end" value="{$Schedule->sched_days_time_end|date_format:"%H:%M"}" onchange="javascript:dataModified('days');" /></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px; border: 1px dotted green;" ><label class="col-sm-3 control-label" for="sched_days_instructor">{"Instructor"|translate}:</label><div class="col-sm-5"><select class="form-control" name="sched_days_instructor" id="sched_days_instructor" onchange="javascript:dataModified('days');" >{foreach from=$Instructors item=User}<option {if $Schedule->instructor_id == $User->id}selected{/if} value="{$User->id}">{$User->firstname} {$User->lastname}</option>{/foreach}</select></div></div></div></div></div> <!-- tab-specific-days -->Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.