Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50

4 элемента в ряд с использованием float

27.08.2016, 14:30. Показов 1491. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вопрос чисто теоретический и призван уменьшить количество каши у меня в голове.

Вопрос 1. Какой то таракан у меня в голове давным давно меня убедил что располагать текст без тэга p, чисто внутри дива не правильно. Так ли это?

Теперь основной вопрос. У меня стоит задача - расположить 4 дива в ряд. Выглядит это как "картинка" + "текст описания" + "вторая картинка" + "текст описания"

Исходя из первого вопроса становится ясно почему у меня 4 дива в ряд а не 2. Потому что тег P перенесет мне все на новую строку.

Вот я сидел побеждал побеждал и решил вопрос через float.

А потом задумался - а почему ты просто не сделал таблицу через дивы?

Решил спросить у знатаков. По сути мой вопрос такой. Что таки правильнее использовать флоатами или таблицей? И насколько правы мои тараканы заставляющие меня прописывать весь текст через p - и соответственно заставляющие меня делать 4 столбца а не 2.

Вопрос чисто теоретический. Как сделать таблицу дивами я знаю.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.08.2016, 14:30
Ответы с готовыми решениями:

опять ошибка.на этот раз cannot convert `float (*)(float)' to `float' in argument passing
#include<stdio.h> #include<stdlib.h> #include<math.h> float f1(float x)/*vira*enie 1*/ {return (x*cos(x))/(1+ pow(x,2));} ...

Не понимает Dictionary<string, (float[][] train, float[][] valid, float[][] test)> DataSet;
Доброго времени суток. Пытаюсь запустить пример по работе с библиотекой. Не понимает конструкцию Dictionary&lt;string, (float train,...

Float (3 элемента)
Привет всем. Есть такое свойство float. Как работает для двух обьектов понятно, но если мне нужно 3 обекта в одну лиинию выстроить и что б...

10
Хитрая блондиночка $)
 Аватар для Hikari
1472 / 988 / 399
Регистрация: 21.12.2015
Сообщений: 3,785
27.08.2016, 14:41
Цитата Сообщение от Noobichek Посмотреть сообщение
располагать текст без тэга p, чисто внутри дива не правильно. Так ли это?
Не вижу причин использовать <p> если нужно просто расположить текст без чего-то.
Цитата Сообщение от Noobichek Посмотреть сообщение
Что таки правильнее использовать флоатами или таблицей?
Это давний холливар верстальщиков. Я лично не стесняюсь верстать таблицами, и пока мои клиенты не жаловались.
По-моему тут дело вкуса.
0
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50
27.08.2016, 14:46  [ТС]
Холивар между хтмл и див таблицами. Мой же вопрос касается "насколько корректно решать вопрос через флоат"

И насчет "не вижу почему бы не использовать" - это не ответ. я нуб полный, но уже понимаю что не все что можно - является правильным.

Не пытаюсь сагриться, пытаюсь разобраться.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
27.08.2016, 15:07
По сути, ничего плохого во флоате нет, если правильно очистить поток потом.
В основном все тараканы проверяются на Markup Validation Service
Если вдруг вам приходить мысль "а не сделать ли мне сетку таблицей", гоните эти мысли подальше.
Насчет остального, вы можете и одним блоком все сделать, зависит от вашей фантазии и умения потом с этим одним блоком что-то сделать, например, адаптировать.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
27.08.2016, 15:10
Цитата Сообщение от Noobichek Посмотреть сообщение
Какой то таракан у меня в голове давным давно меня убедил что располагать текст без тэга p
Это хороший таракан... Но тег <p> нужно юзать не напропалую, а только там, где это действительно необходимо... В век преобладания семантичекой вёрстки над любыми другими её видами, оформление текста тегами специально предназначенными для выделения текста является условием обязательным! Вопрос в другом: для чего лучше всего использовать тег <p>? Сам по себе тег нужен для выделение параграфов, то есть семантически призван выделять большой объём текста... Если подпись к картинке состоит из небольшого набора слов, то целесообразнее использовать <span>, но ни в коем разе не оставляйте текст без оформления - это моветон...
По флоатам всё гораздо проще, если Вы пока не умеете работать с потоками лучше не злоупотрбляйте обтеканием... В css есть свойства позволяющие более гуманно подойти к проблеме... А по поводу того, что выбрать блоки или таблицы, то я считаю, что блоки лучше... Особенно, если Вы не умеете создавать адаптивные таблицы...
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
27.08.2016, 15:10
А еще кроме флоатов, мы можете их разместить вряд позиционированием, или придать им блочно-строчные свойства.
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
27.08.2016, 15:13
Цитата Сообщение от Noobichek Посмотреть сообщение
располагать текст без тэга p, чисто внутри дива не правильно. Так ли это?
p - это не текст, а абзац, следовательно если текст является абзацем, то семантически верно использовать p, если нет то неверно.
Цитата Сообщение от Noobichek Посмотреть сообщение
Что таки правильнее использовать флоатами или таблицей?
флекс бокс, 2016 год все-таки
0
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50
27.08.2016, 15:18  [ТС]
Федор, там на сайте откровенно мало текста. И скорее всего описанные услуги и пойдут поисковыми словами. думаю их в h1 обернуть. Так что у меня все равно в итоге 4. Я знаю что h1 уменешенный до нормы, не очень хорошо. Но по всякому лучше чем ничего.

Товарищ Мр Тохас Сан, у меня беда с релативным расположением А Абсолютное на длинном одностраничнике, вообще не представляю.
Релативы (у меня) не работают по вертикале По горизонтали ездят, по вертикале нет. Но я обязательно еще до этого доберусь. Пока пользуюсь тем в чем хоть чу чуть могу разобраться. Флот: боз, ноне - это имеется ввиду очистить поток?
Но я пожалуй в порядке тренировки все таки переделаю все на дивы-сетка. Посмотрим какие загадки там вылезут
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
27.08.2016, 15:19
Jewbacabra, Думаете, если ТС не знает как правильно разместить блоки, он сможет устранить косяки флекса в ie? Я думаю, надо сначала стандартные выучить и понять способы, а потом уже "упрощать"
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
27.08.2016, 15:24
Цитата Сообщение от mrtoxas Посмотреть сообщение
Думаете, если ТС не знает как правильно разместить блоки, он сможет устранить косяки флекса в ie?
Заодно и научится. Всегда нужно стремиться изучтть что-то новое
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
27.08.2016, 15:25
Чтоб без ссор обошлось для размещения изображений и подписей к ним есть тег <figure> раз уж мы заговорили за 2016 год и семантику...
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.08.2016, 15:25
Помогаю со студенческими работами здесь

Ввод чисел типа float из процедуры на ассемблере с использованием библиотеки Turbo C
Помогите, пожалуйста. Возникла проблема с действительными числами. Вот программа, которая записывает 4 целых числа в файл. Программа...

Преобразование значения элемента xml в float
Добрый день. Возник вопрос. Работаю с файлом xml (сохраняю и считываю в нем информацию). Сохранил в нем float переменную 8.25f и при...

Float сбивает определение элемента по наведению
Есть код:&lt;!doctype html&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt;title&gt;resizer&lt;/title&gt; &lt;meta...

Почему такое поведение у float-элемента, и как исправить?
Здравствуйте, коллеги. Наткнулся на странное поведение у float-элемента, после диагностики рабочий код сократился до вот такого...

Свойства clear и float для одного и того же элемента
Делаю по уроку заглавную страницу сайта в вордпресс &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;...


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

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
Krabik - рыболовный бот для WoW 3.3.5a
AmbA 21.03.2026
без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .
Программный отбор значения справочника
Maks 21.03.2026
Процедура ВодителиНачалоВыбора(Элемент, ДанныеВыбора, ВыборДобавлением, СтандартнаяОбработка) / / Отключаем стандартную обработку (стандартное открытие формы выбора без фильтров) . . .
Переходник USB-CAN-GPIO
Eddy_Em 20.03.2026
Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru