@web_structure

Страница 1350 из 5834
 
?? L.A
10.03.2017
08:34:15
нууу как-бы так себе получилось

 
я может конечно не все равильно сделал

 
не очень что линия идет насквозь (начинается до первого сегмента AER), но это терпимо

 
непонятно почему линия при width: 100% вылезает за пределы блока

Google
 
Кирилл
10.03.2017
08:36:20
не очень что линия идет насквозь (начинается до первого сегмента AER), но это терпимо
Чтобы она насквозь не шла, нужно текст расширить, например display:block для текста, он станет на ширину родительского блока, и в итоге этот блок будет перекрывать линию

 
Anton
10.03.2017
08:36:28
непонятно почему линия при width: 100% вылезает за пределы блока
отрицательный марджи?

 
Кирилл
10.03.2017
08:36:37
Тогда будет как на жсфидл, в примере

 
?? L.A
10.03.2017
08:37:01
отрицательный марджи?
нет такого

 
Чтобы она насквозь не шла, нужно текст расширить, например display:block для текста, он станет на ширину родительского блока, и в итоге этот блок будет перекрывать линию
с дисплэй блок для текста, появляется много пустого места, тогда линия рисуется ток в паддингах

 
Anton
10.03.2017
08:41:51
с дисплэй блок для текста, появляется много пустого места, тогда линия рисуется ток в паддингах
а откуда слева от текста берется пустое место?

 
без дисплей блок

 
?? L.A
10.03.2017
08:42:27
колонка бутстрапа

 
.col-xs-6 — a(href="#") MOW

 
Anton
10.03.2017
08:42:48
так убери паддинг

 
сам же сказал, что можно класс повесить

 
но вообще это не лучшее решение

 
При смене ориентации экрана блок изменяет ширину и высоту (она используется для дальнейших вычислений). Но из за задержек (рендеринга? скриптов?) высота не успевает обновиться и вычисления идут от старого значения. Как правильно определять, что ширина изменилась и начинать после этого вычисления?

Google
 
Anton
10.03.2017
08:49:37
setTimeout работает, но надо что то получше

 
?? L.A
10.03.2017
08:52:30
ну в общем пока вот так получилось

 
слева можно убрать поставив паддинг

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

 
Anton
10.03.2017
08:53:05
а справа почему-то линия выходит за блок
отрицательный марджин? )

 
?? L.A
10.03.2017
08:53:20
да нет же) у кого? у родителя?)

 
Anton
10.03.2017
08:53:31
у .row

 
?? L.A
10.03.2017
08:54:08
я убрал, все равно так же

 
тем более в row там ток внешний контейнер завернут

 
не прямой родитель

 
Anton
10.03.2017
08:54:41
а покажи блок с паддингами

 
чтобы видно было границы у него

 
?? L.A
10.03.2017
08:55:43
странно, computed показывает что линия шириной 210px

 
типа такой же как и обертка

 
а по факту больше

 
ровно на ширину паддинга следующего элемента получается линяя длинее чем нужно

 
Murat
10.03.2017
09:00:05
а можешь выложить куда нибудь, посмотреть?

 
Anton
10.03.2017
09:01:27
100% потому что

 
у линии

 
?? L.A
10.03.2017
09:01:45
http://np-9.ru:8899/ru/avia/tickets/ru/prg

Google
 
Кирилл
10.03.2017
09:01:47
Вебинар деваки. Погнали: https://devaka.ru/webinars/transition-function

 
?? L.A
10.03.2017
09:01:49
собственно вот

 
100% потому что
ну я вроде как и хочу чтобы оно на всю ширину блока было :) или я что-то не так делаю?

 
Anton
10.03.2017
09:02:39
100% не учитывает паддинг

 
родительский

 
?? L.A
10.03.2017
09:03:02
а слева тогда почему учитывает?

 
и как сделать? в пикселях не вариант указывать

 
Anton
10.03.2017
09:03:17
а позицию учитывает)

 
Murat
10.03.2017
09:03:19
left: 0 укажи

 
Anton
10.03.2017
09:03:46
left: 0 укажи
неа

 
?? L.A
10.03.2017
09:03:46
под мобилки инчае сломается

 
Anton
10.03.2017
09:03:51
тада слева выпирать будет

 
Murat
10.03.2017
09:03:56
эм

 
так

 
?? L.A
10.03.2017
09:04:06
ну помгло

 
относительно

 
теперь оно стало хотя бы по центру)))

 
Murat
10.03.2017
09:04:27
тебе надо чтобы внутри падинга было?

 
?? L.A
10.03.2017
09:05:01
в идеале, надо чтобы ваще за тест не выпирала полоска

 
Murat
10.03.2017
09:05:24
что за тест?)

Google
 
?? L.A
10.03.2017
09:05:44
текст*

 
MOW и AER

Admin
ERROR: S client not available

 
Кирилл
10.03.2017
09:06:10
теперь оно стало хотя бы по центру)))
padding: 0px 10px; background: #fff; display: inline-block; vertical-align: top; Это чтобы линия не пронзала текст. На блоке с текстом применять. Но структура не совсем подходит, надо переделывать. Я ушел вебинар смотреть

 
Murat
10.03.2017
09:06:43
Смотри

 
ты юзаешь какой нить препроцессор?

 
Anton
10.03.2017
09:06:49
сделай эти штуки без бутстрапа

 
Murat
10.03.2017
09:06:56
для стилей*

 
?

 
короче, самое простое

 
у тебя используется сетка бутстрапа в 15px, одна вложена в другую, получается по 30px, тоесть для черты можно сделать так left: 30px; right: 30px; width: auto;

 
Anton
10.03.2017
09:08:01
о

 
Murat
10.03.2017
09:08:02


 
Anton
10.03.2017
09:08:02
position: absolute; width: auto; border-top: 1px solid #a2a2a2; top: 39px; left: 30px; right: 30px;

 
это поставь у линии

 
?? L.A
10.03.2017
09:08:31
я вот так сделал

 
Anton
10.03.2017
09:08:33
вместо position: absolute; width: 100%; border-top: 1px solid #a2a2a2; margin-top: 39px;

 
?? L.A
10.03.2017
09:08:38
убрав паддинги

 
но не оч выглядит

 
щас линию попробую поменять

Google
 
Anton
10.03.2017
09:09:12


 
?? L.A
10.03.2017
09:09:46
лол) норм хак

 
я думаю то что надо

 
смысл получается в left / right и width: auto

 
Anton
10.03.2017
09:10:22
это не хак)

 
Murat
10.03.2017
09:10:33
+1

 
это не хак)

 
Кирилл
10.03.2017
09:10:41
padding-right у first-child можно заделать, и pagging-left у last-child. Будет 10/10

 
Anton
10.03.2017
09:11:01
padding-right у first-child можно заделать, и pagging-left у last-child. Будет 10/10
+

 
чтобы отступ был от линии

 
прямо самой ссылке можно задать

 
?? L.A
10.03.2017
09:11:57
обновил

 
щас попробую если несколько сегментов

 
Т
10.03.2017
09:12:59
Всем привет

Страница 1350 из 5834