аморал что ли !!!

Начинающий дизайнер

И начинающий верстальщик

Просим нас извинить)

Там три кривых

Я в этом вообще не разбираюсь, просто эскортировал векто

вектор

Имортировал в icomoon и попробовал использовать так, как в демке

viewBox="0 0 33 30" тебе нужен, чтобы эту кривость полноценно отобразить

Исторически так сложилось у img. Можно так же сделать для img "display: block;", тоже поможет против отступа. Img по умолчанию выравнивается браузерами по нижней базовой линии текста, то есть - 0.1em от нижней части строкового блока. Это и есть негодник-отступ. Считай, что это исторический косяк разметки. Решается он многими способами.

с этим все еще не оч понятно треш какой то

viewBox="0 0 33 30" тебе нужен, чтобы эту кривость полноценно отобразить

Я не совсем понимаю, что такое вьюбокс и тем более, почему именно 33 30

И что значит полноценно? Если я в своей коде, который я скинул, на кодпене, изменю вьюбокс, размер всё равно будет больше

https://codepen.io/anon/pen/YQEOEG

погугли

Я не совсем понимаю, что такое вьюбокс и тем более, почему именно 33 30

Это та область, которая будет "считываться" с svg, например у тебя есть свг размером 100х100 пикселей, тогда при "0 0 50 50" ты получишь половину самого свг

с этим все еще не оч понятно треш какой то

Изображение по дефолту отображается как строчный элемент, а строчные элементы выравниваются по baseline, это влияет на высоту строки и получается такое говнецо. Ну, господа, грех с таким не столкнуться за опыт.

Иконка не идеальная, это да. Но проблема изначально в другом. Вот заменил на родну иконку icomoon, всё равно проблема с высотой https://codepen.io/anon/pen/YQEOEG

Если без vertical-align

Изображение по дефолту отображается как строчный элемент, а строчные элементы выравниваются по baseline, это влияет на высоту строки и получается такое говнецо. Ну, господа, грех с таким не столкнуться за опыт.

так лол там влияет не baseline а line-height который имеет значение normal по дэфолту а normal = 1 1 = fontsize в пикселях

я такое на тестовом дают

Ты сейчас ту же одноглазую змею взял только в другую руку.

Ты сейчас ту же одноглазую змею взял только в другую руку.

ну способов решения отступа от img там много в дэфолтном примере но самый сложный я описал уже выше

На это влияет и vertical-align, и line-height, потому что проблема общая и решается многими вариантами, включая действиями с line-height, указанием высоты родителя или правкой вертикального выравнивания.

Конечно много.

Я умываю руки, господа, пора отправиться к Морфею.

Хороший чат, полезный.

На это влияет и vertical-align, и line-height, потому что проблема общая и решается многими вариантами, включая действиями с line-height, указанием высоты родителя или правкой вертикального выравнивания.

ну вот мне на собесе по 5-6 вариков предлагают

рано штот

Ну вот и я про то)

я только с работы ухожу

У меня уже час ночи, а завтра снова обверстаться надо.

поздновато

Нет, обратно умылся, ещё тут.

поздновато

Ну такое, я не рано подрываюсь на ворк.

ну я тоже

часика в 3-4 ложусь

и прихожу в 12-13

Я сейчас представил, как тебе надо куда-то идти, ты ложишься часа в 3 и лёжа идёшь к цели, доходишь к полудню.

Ладно, не будем флудить.

Дороу всем

Вопрос.А как это убрать?

Или это так и должно быть?

Так и должно быть. Никогда не убираю. Заказчики всегда рады были.

Из за чего это так происходит?

Из-за тог, что содержимое твоей страниц занимает столько место, сколько указано на твоём скриншоте.

места*

Как можно это убрать ?

Самое простое, сделать подвал абсолютно позиционированным и bottom: 0, но тогда контентной части нужно задать отступ снизу на высоту подвала, чтобы подвал не наезжал на нее.

А еще какие есть методы ?

вопрос. где твоя мобильная версия?;D

Пока не нужен адаптив

Парни, как в бутстрапе сделать правое меню со своими рядами

разделив страницу 3:4 основной контент, 1:4 на боковое меню (типа как на ютуб-где рекомендуемое)

В адаптивной версте лучше использовать везде rem или для padding margin и похожих лучше использовать px

?

разделив страницу 3:4 основной контент, 1:4 на боковое меню (типа как на ютуб-где рекомендуемое)

<div.col-md-9> <div.col-md-3>

разделив страницу 3:4 основной контент, 1:4 на боковое меню (типа как на ютуб-где рекомендуемое)

и вот тебе 3 на 4

а адаптивно это дело будет?

бутстрап адаптивен

внутри этих дивов уже размещать div.row ?

внутри этих дивов уже размещать div.row ?

ну я точно не знаю что тебе нужно

Пока не нужен адаптив

Что ты тогда мозги трахаешь ?

ERROR: S client not available

ну я точно не знаю что тебе нужно

На бумаге накидаю рисунок?)

попробуй

ок пару минут

ок пару минут

дели от большего к меньшему. сетка = 12 колонок

Это да

Причем то что справа-тоже картинки вжатые в определенные пропорции

ну вот. делишь сначала весь экран на 9 частей и 3 части

потом фото1 (я так понимаю, что на всю ширину) - ему внутри этих ДЕВЯТИ частей задаешь ширину 12 частей

соответственно для рекомендуемого то же самое

а если не задавать?

внутри

просто внутри <div class="col-md-3"> в цикле выводить div.row

Но при адаптации под мобилы, правые картинки уедут вниз и растянутся, если использовать bootstrap

зачем тебе row внутри col-md?

зачем тебе row внутри col-md?

а как выводить строки?

есть массив, его нужно вывести один за другим (фотки)

я не верстальщик( не пинайте сильно

а как выводить строки?

делаешь div.row потом внутри него пишешь div.col-md-12 например значит у тебя этот элемент (col-md-12) будет растягиваться на всю ширину) когда ты пишешь еще один col-md-12, он у тебя в первую строку уже не поместится, и автоматом сместится на вторую строку. тебе искусственно не нужно заставлять его переходить на новую строку. понимаешь?

да

получается цикл делать внутри div.row

да.

так row один будет для обеих колонок?

если у тебя например фотографии из разных категорий, то ты можешь оберунть их (каждый) в div.row тогда следующая категория начнется с новой строки

что ты хочешь сделать?

так row один будет для обеих колонок?

вот пока ты разбираешься, представь, что твоя строка (div.row) - это строка в таблице а div.col-md - это ячейки в этой строке

+ чтобы лучше понимать что ты верстаешь, напиши <div class="row" style="border: 1px solid black;">...</div>

будешь видеть границы

поймешь где начинается твоя строка, где заканчивается