Это тебе к верстальщикам надо в двухтысячные.
залей на кодепен
>div с фоном в виде картинки в 2к21
Нахуй пшёл вкатыш.
Перевод коретки.
Да это у тебя экран треснул ежже.
Хроморендер, хули ты вообще так делаешь?
Если очень надо сделай отрицательный марджин, лул
Сам пошел нахуй. Он вот вот вкатится а ты соснешь.
в html дивы расположены вплотную без перевода строки
анон, да ты вкатился!
Да епт, я же говрю тебе - хроморендер. Нахуя вообще пилить картинку пополам? Если нужно так делать, то либо это очень специфичный кейс, либо ты хуйню делаешь
Не люблю свой код на всеобщее обозрение выкладывать если честно, тупо из за халявщиков, но понадеемся на их порядочность. Вот:
<div img src="баня_верх" alt="баня_верх" width="500" height="600"></div><div img src="баня_низ" alt="баня_низ" width="500" height="600"></div>
Как убирать черту?
нахуя мне блистать, пойду лучше бабки получать
>тупо из за халявщиков
>понадеемся на их порядочность
Кек, лошара. Забрал твой код себе в проект, хуй ты чо сделаешь теперь. Ну ебать, а ты как хотел? 300к/наносек сами себя не заработают. Но бляяя, <div img - это конечно решение инновационное. Я думаю, черта у тебя потому что закрывающий тег не соответствует открывающему. Должно тоже быть </div img>.
Двачую этого. Тоже забрал себе, можно месяц теперь не работать, тупо кайф.
Ладно, хуй с тобой. img - это инлайн-блок и на него распространяется line-height родительского элемента. Так что есть 3 варика: ставишь родительскому диву line-height:0;, ставишь картинке display:block;, убираешь нахуй картинку и делаешь фон с помощью бэкграунда.
задай им ширину 100% и float:left
>да, забыл сказать что этот зазор виден сильнее в режиме эмуляции моб. девайсо
так у тебя риспонсив все будет сразу, круто анон!
Решение - задавать minWidth/minHeight/maxWidth/maxHeight/width/height - все сразу, четко жестко и в px, а не %/vw/vh или другой фиготе.
>четко жестко и в px
Двачую, это единственная нормальная практика, шрифты тоже. Четко задавать ширину и что самое важное - высоту каждого элемента в пикселях
В сантиметрах надо задавать.
дурачок что-ли?
То есть, типо, ты хочешь сказать, что чел с 17' макпука и я с 32' монитором увидим одну и ту же картинку. Какой смысл тогда покупать большой монитор, если они показывают одно и тоже?
Это и правда лучше, изображение выводится точнее на экран, но для этого нужен линейщик у монитора, а на них только в крупных компаниях обучают
Слишком жирно. Пиксели пишутся только один раз на весь стиль - это базовый размер шрифта. Дальше, если ты не используешь rem для вообще всего, то иди нахуй.
Ну лови тогда плавающие окна по всему экрану, долбоеб. Ты похожу и в жизни относительный такой мужчинка.
>>253734948
>нецелочисленные вычисленные значения высоты и ширины
>width="500"
>height="600"
Нецелочисленные вычисленные значения высоты и ширины и связанные с этим проблемы я последний раз на IE6 видел.
Решение дай а не по ссылкам прокликай, клоун.
Ты тупой, решение я тебе дал уже и даже расписал причину. Ты в упор не видишь? Иди нахуй, ебись как хочешь.
</thread>
Че ты расписал? Ты термины какие то левые выкрякнул.
><div img - это конечно решение инновационное. Я думаю, черта у тебя потому что закрывающий тег не соответствует открывающему. Должно тоже быть </div img>
Двачую этого. Когда уже дурачки из комитета заведут это в стандарт?
<html>
<head>
<title>Баня</title>
</head>
<body>div{white-space: none;}<div img src="баня_верх" alt="баня_верх" width="500" height="600"></img div><div img src="баня_низ" alt="баня_низ" width="500" height="600"></ imgdiv></body>
</html>
Не работает говно твое тоже
Ну тогда это определенно баг.
Создавай issue на https://github.com/w3c/html
А баг чего? Хрома? Так это им писать тогда надо в контору ихнюю
> </ imgdiv>
Ты чё дурак блять?
Щас проверил - с пробелом тоже не робит
>все padding и margin сброшены
Border ещё проверь и outline
> </ imgdiv>
Ты че выебываешься? Тебя давно пиздили? Нет? Так начнут
Так, давай я тебе как для маленького объясню еще раз прям по пунктам пока я добрый:
1) Очевидно, что <div img> - это хуйня какая-то, должно быть<div><img /></div>
2) Пустая строка у тебя не между двумя div, а между div и img.
3) Она образуется потому, что img - это блочно-строчный элемент и обладает свойствами обоих типов элементов. Пустая строка - не что иное, как межстрочный интервал, который задается css свойством line-height.
4) Поэтому решение сводится к тому, чтобы либо сделать картинку блоком, либо назначить контейнеру нулевой интервал.
5) Итого 2 рабочих решения выглядят так:
<div style="line-height:0;">
<img src="https://2ch.hk/b/src/253721023/16305840251040.jpg" alt="баня_верх" width="500" height="600" />
</div>
<div style="line-height:0;">
<img src="https://2ch.hk/b/src/253721023/16305840251040.jpg" alt="баня_низ" width="500" height="600" />
</div>
<div >
<img style="display:block;" src="https://2ch.hk/b/src/253721023/16305840251040.jpg" alt="баня_верх" width="500" height="600" />
</div>
<div>
<img style="display:block;" src="https://2ch.hk/b/src/253721023/16305840251040.jpg" alt="баня_низ" width="500" height="600" />
</div>
6) Я только теперь уже понял, что это троллинг тупостью.
Ты дебил или где? Тебе уже написали как правильно >>253733327
Вот первый вариант:
В нем появляются полосы. Полосы появляются, потому что изображение считается как строчный элемент (inline) и поэтому создает отсутп под ним для некоторых букв (например буквы р,у и прочие, которые выходят за пределы). Что бы дополнительное место не создавалось тебе надо выставить стиль line-height: 0%; у этих изображений
Код первого скрина:
<div><img width="1280" height="360" src="1.jpg" alt="жирная мать опа"></div>
<div><img width="1280" height="360" src="2.jpg" alt="гречневый батя опа"></div>
Код второго скрина:
<style>* { line-height: 0%;}</style>
<div><img width="1280" height="360" src="1.jpg" alt="жирная мать опа"></div>
<div><img width="1280" height="360" src="2.jpg" alt="гречневый батя опа"></div>
Нахуй ты время свое тратишь? Этому дауну путь даже во фронтенд закрыт, если он не может понять такую элементарную хуйню. Ты только продлишь агонию и подложишь свинью тем, кто его наймет.
> я не долбоёб я притворяюсь
Точно?
>Пацаны, смотрите, у меня говно!
>Да ты обосрался, походу
>Пацаны, ну вы чего? Да я вас развёл, пацаны!
Ты хороший.
>>253737534
>6)
Нет, я просто медленно вкатываюсь. Вот сейчас кажется начинает работать понемногу.
>>253737718
Пашел нахуй отсюда, неудачник
найди ему вакансию на заводе
>>253737752
развел тот кто писал за опа без метки опа
Ору. Спасибо!
Абу благословил этот пост.
ну это понятно. мне интересно как сделать это с помощью backgroung-image, а не с помощью тега img
Ну вот ты уже на правильном пути.
ты совсем еблан или че? Тебе тут даже прописывать ничего не надо кроме ссылок и размерности
<style>
.bg-image {
width: 1280px;
height: 360px;
}
.bg-image.first {
background: url('1.jpg') no-repeat;
}
.bg-image.second {
background: url('2.jpg') no-repeat;
}
</style>
<div class="bg-image first"></div>
<div class="bg-image second"></div>
А ты че, сильно крутой что ли блядь? Ты еще хуй не нюхал а уже в дебри лезешь.
>>253737908
отвалился пруф, что это 2 разных элемента
Глупый,все знают что стили надо писать внутри элемента, чтобы никто не мог их переписать.
Если кто перепишет - я тому по ебалу дам. Они в курсе, боятся.
дай картинки этого разрезанного кота из твоего примера,
Ну хуй знает, у нас в конторе всегда прописывают внутри и еще айди приписывают как страховку, еще раз то же стиль переназначают на него. Вообще хтмл полностью переделывают оригинальный, чтобы все стабильно и уверенно прописать. Но мы то профессионалы в отличие от вас видимо лол
пиздец у вас там глупые сидят. Давно уже все нормальные конторы вместо элементов используют один канвас и ресуют в нем через скомпилированный в WASM код на питоне.
Хрюкнул с этого верстальщика, не знающего значения по умолчанию
У опа дивы скорее всего флоатами позицианируются, повтори это все в кодпене или в фидле и ссылку в тред, пофикшу за пару минут
мимо синьор
>мимо синьор
синьор пиздабол? Как мне навесить обработчик события на jquery событие внутри дочернего фрейма в документе?
А в 2021 сайты на святом духе сами верстаются или че блять?
Вот еще и с этого хрюкнул, васм сырой, медленный, не умеет работать с DOM
Я бы тебе даже говно за джунами смывать не доверил
все тот же мимо синьор
Да кому твоя поебень нужна? Насмешил блядь.
Да как бы css писать непосредственно в хтмл допустимо только в одном случае - если ты очень плохой JS скрипт.
>не умеет работать с DOM
нахуя ему работать с дом если у него задача пиксели красить в канвасе?
Не спорь дурак, с тобой синьор говорит!
>>253738782
>jquery
поеееехали
Какой в пизду канвас, наркоман ты ебливый?
Та он там баганный, нужно на девайсах мобильных проверять подобные вещи.
Я тоже как-то раз вопрос в /web задал по вёрстке и все думали что я там траллю тупостью. Но ничего, сижу вот. Миддл, вся хуйня.
1. Мелкобуквенный (самый прикольный)
2. этот >>253737241
все☹
1) нахуй тебе жиквара когда есть нативный жс
2) нахуй тебе лезть в айфрейм, это уже ошибка. пинай менеджера чтобы те кто его дали внесли нужные тебе правки, либо предлагаем другие способы броадкастинга данных
3) если совсем наркоман, то как то можно было через shadow dom в айфрейм залезть, но это не только депрекейтед фишка хромиума, так еще и после тебя хуй кто разберется лет 5 назад из интереса такое как то сделал, никогда не пригождалось
ты типо выебнуться хотел на анонимном форуме? совсем долбаеб?
ебал капчу
>>jquery
>поеееехали
Если этот сеньор пиздабол реальный сеньор то 100% работал или работает с этой либой.
>>253739031
>Какой в пизду канвас, наркоман ты ебливый?
Изначально было написано что васм будет отвечать за отрисовку говна в канвасе. Читать не умеешь? >>253738626
> и рисуют в нем через скомпилированный в WASM код на питоне.
ясн, у тебя наверн и хедлесс хром не работает с дом потому что картинку не рендерит, да?
Скрин дай хотя бы дай кода и того что получается
>нахуй тебе жиквара когда есть нативный жс
Ну вот проект разрабатывался лет 5 назад, еще с учетом поддержки ие11 и там дохуя где используется жиквара.
>нахуй тебе лезть в айфрейм, это уже ошибка. пинай менеджера чтобы те кто его дали внесли нужные тебе правки, либо предлагаем другие способы броадкастинга данных
Так сложилось, что в результате перехода на новый интерфейс нужно открывать старые страницы во фрейме, что бы они ничего не нахевертили и нужно отследить событие специальное событие, которое отправляется в определенных случаях.
>если совсем наркоман, то как то можно было через shadow dom в айфрейм залезть
Псевдосеньор детектед. В айфрейм залезается просто на изи: const {contentDocument, contentWindow} = document.getElementsByTagName('iframe')[0]
Ветку почитай недоношенный
У меня нет времени, я синьор пиздабол 300к наносек, но в треды про вкаты могу чекать даже пока дрочу
> Давно уже все нормальные конторы вместо элементов используют один канвас
Какие это "нормальные"? Аж интересно стало.
Что-то не вижу там "одного канваса" нигде, ткни пальцем
Карты, аналог экселя от нихв ближайшее время тоже на канвас переедет
Ну карты ок, но
> нормальные конторы вместо элементов используют один канвас
это ты прямо сильно преувеличил, мягко говоря
Охуевшее чучело и хамло. Зачем вы ему помогаете? ОП, ебись со своим говно-кодом сам. Ты даже не удосужился скинуть свою хуйню в кодпан.
ты уверен, что читал сообщения опа а не самозванцев, ебалай?
Ну допустим. Как это отменяет последнее. ОП, скинь своё говно в кодпан я хоть посмотрю что за эффект такой у тебя там.
да ты пиздишь хуесос. оп не кидай ему ничего
Нет, ОП, кидай. Я тебе помогу. Обещаю.
Ебать все умные стали. Я когда начинал учить хтмл, писал его на кнопочном телефоне и запускал в мобильной опере. Ни про какие сервисы, среды разработки или хотя бы блокнот с подсветкой синтаксиса я не знал. Вот он тоже может не знать ни про какой кодпен.
>>253739932
ОПу уже помогли вот тут
>>253738086
>>253737714
, долбоебы
> неудачник
Ты у меня даже отбор по резюме не прошел бы, пыль.
> Как мне навесить обработчик события на jquery событие внутри дочернего фрейма в документе?
Никак. Гугли window.postmessage и как фрейм должен сообщаться с родительским окном.
Мимо-сеньор-5к
Вмысле никак? Возьми за вводные данные, что фрейм и его документ-владелец находятся на одном домене. Общение между родителем и фреймом никак не ограничено.
>Мимо-сеньор-5к
На чем пишешь и сколько лет опыта надо, чтобы дойти до 5к?
Ну если ориджин одинаковый, то можно через contentWindow, но архитектурно все равно хуйня и параша, тем более что в 2к21 фреймы используют для сторонних сайтов. Вывести oauth какой-нибудь или еще что.
>>253740801
Фронтенд. Тайпскрипт, нода. Можно за 4-5 лет и меньше дорасти с хорошей командой и встроенной с рождения наглостью (просить больше), можно не дорасти и за 10.
ты какой-то шиз, сделай один див тогда с одной картинкой, нахуя тебе два дива?
интересно просто было так сделать