Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не варавнивается чекбокс рядом с картинкой

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
mstdmstd
Отправлено: 18 Мая, 2019 - 10:34:18
Post Id


Частый гость


Покинул форум
Сообщений всего: 170
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Всем привет,
В bootstrap 4.3 / vuejs 2.5 приложении есть список где слева от картинки есть чекбокс и который не получается выставить посередине по высоте
https://prnt[dot]sc/nq4li6

То есть если картинка отсутствует то выравниается нормально. А если есть картинка - то ломает дизайн.

Делал так:

CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="card float-right">
  2.    <div class="card-body">
  3.  
  4.       <div class="row">
  5.  
  6.  
  7.          <div class="col-12 col-sm-3 m-0 p-1 align-self-center align-middle">
  8.  
  9.             <div class="row align-middle pl-3">
  10.                <div class="col-1 float-left align-middle pl-3">
  11.                   <input type="checkbox" class="custom-control-input align-middle" :id="'next_search_result_id_'+ nextSearchResult.Id"
  12.                     :value="nextSearchResult.Id" v-model="nextSearchResult.is_checked">
  13.                      <label class="custom-control-label" :for="'next_search_result_id_'+ nextSearchResult.Id"></label>
  14.                </div>
  15.                <div class="col-11 float-right align-self-center align-middle" v-if="nextSearchResult.PictureUrl">
  16.                   <img :src="nextSearchResult.PictureUrl" alt="" class=" mx-auto d-block" style="width:160px; height: auto; ">
  17.                </div>
  18.             </div>
  19.          </div><!--end col-->
  20.  


Посмотреть вживую можно тут :
http://178[dot]128[dot]145[dot]48/login
demo@demo.com wdemo

Должна открыться страница http://178[dot]128[dot]145[dot]48/websites-blogs

2) Посмотрите, пожалуйста, на общий дизайн этой страницы : Включая нажатие на “Filter” с открытием панели с фильтрами и “Search”
с открывающимся списком данных(он загружается автоматически). И фильтры и результирующие данные имею много элементов - это упорядодить доволно тяжело ...

Спасибо!

(Отредактировано автором: 18 Мая, 2019 - 10:35:25)

 
 Top
mstdmstd
Отправлено: 19 Мая, 2019 - 09:27:02
Post Id


Частый гость


Покинул форум
Сообщений всего: 170
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Первоначальную ошибку я переделал - на мой взгляд стало лучше
Но я не смог удалить бордюры сверху : https://prnt[dot]sc/nqg17v
Как это сделать ?

2) Посмотрите, пожалуйста, на общий дизайн этой страницы : Включая нажатие на “Filter” с открытием панели с фильтрами и “Search” 
с открывающимся списком данных(он загружается автоматически). И фильтры и результирующие данные имею много элементов - это упорядодить доволно тяжело ...

3) Слева вверху есть меню перехода на страницу “User's list”. Посмотрите, пожалуйста, на общий дизайн этой страницы на выявление ляпов в верстке .
 
 Top
Vladimir Kheifets
Отправлено: 26 Мая, 2019 - 12:37:13
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 879
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 37 раз(а)




mstdmstd пишет:
Первоначальную ошибку я переделал - на мой взгляд стало лучше
Но я не смог удалить бордюры сверху : https://prnt[dot]sc/nqg17v
Как это сделать ?

2) Посмотрите, пожалуйста, на общий дизайн этой страницы : Включая нажатие на “Filter” с открытием панели с фильтрами и “Search” 
с открывающимся списком данных(он загружается автоматически). И фильтры и результирующие данные имею много элементов - это упорядодить доволно тяжело ...

3) Слева вверху есть меню перехода на страницу “User's list”. Посмотрите, пожалуйста, на общий дизайн этой страницы на выявление ляпов в верстке .

Добрый день!
Если Вы имеете, ввиду отступ сверху относительно родителя, то нужно найти и изменить
у родителя padding-top, изменить или убрать высоту, добавить display:inline-block
и/или у вложенного в него div изменить margin-top
С разбивкой, можно было бы ещё поработать.
Смущает функционал - для жего нужен checkbox?
Будут выбираться несколько блоков?
Удачи!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB