Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
Ушел наливать чай
 Аватар для Stas_Garcia
188 / 138 / 32
Регистрация: 02.03.2013
Сообщений: 650

Display:inline/float:left не работает с дивами

04.05.2016, 02:13. Показов 1003. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть 3 div с картинкой и текстом. Нужно их выстроить в 3 колонки. Как это реализовать? display:inline-block не работает, float:left тоже. Скидываю файлом исходник.
Вложения
Тип файла: rar work-site.rar (475.2 Кб, 4 просмотров)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.05.2016, 02:13
Ответы с готовыми решениями:

Float, display: inline-block почему?
Здравствуйте! Подскажите, пожалуйста, почему могут не работать float или display: inline-block? Т.е. в моём случае они работают, но не...

Не работает display:inline block
Дратути))0) Такая проблема.Не могу понять в чем дело.По справаот картинки должнен быть текст.По чему-то не пашет display:inline block... ...

Почему не работает свойство display со значением inline?
Например: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <meta name="description"...

2
Ушел наливать чай
 Аватар для Stas_Garcia
188 / 138 / 32
Регистрация: 02.03.2013
Сообщений: 650
04.05.2016, 02:38  [ТС]
Тему можно закрывать.
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
04.05.2016, 02:41
1) не закрыты теги b. А по-хорошему они не нужны - b и span удалить.
2) избавиться от id, заменить на одинаковые классы
И тогда и float, и inline-block будут отлично работать
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
04.05.2016, 02:41
Помогаю со студенческими работами здесь

Не работает display:inline-block, не встает в ряд
Почему-то не работает display:inline-block,нет,он работает,но почему "header__call' не встает рядом с меню <!DOCTYPE html> ...

Не работает float:left
Здравствуйте почему-то не работает float:right { border:0px solid #000; position:absolute; width:200px; float:right; ...

Ошибка при создании трех колонок (float:left, float:right и margin:0 auto;)
3-й час бьюсь, но никак не могу понять, что не так делаю. почему оранжевый блок опускается? <!DOCTYPE html> ...

CSS : display: inline;
Есть ненумерованный список из изображений. Если оставить как есть то отступов между картинками нет. Но если в CSS использовать display:...

Боковые отступы у display:inline-block
Всем привет! Обратила внимание на то что рядом стоящие display:inline-block -ые элементы имеют боковые дефолтные отступы(не марджин и не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru