Аноны, к вам просьба, я тут одну ерунду проверяю.1. Откройте блокнот.2. Вставьте туда это:<!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8"> <title>Exercise 1</title> <style> body { background-image: url(0_12bc81_21263ac1_orig.png); } .test { border: 2px solid black; width: 400px; height: 200px; margin: 10% auto; } .text { color: blue; position: absolute; left: 10px; bottom: 10px; } .test1 { border-bottom: 1px solid blue; position: relative; top: 170px; } </style> </head> <body> <div class="test"></div> <div class="text"> www.itmathrepetitor.ru </div> <div class="test1"></div> </body></html>3. Нажмите "сохранить как", выберите кодировку utf-8 и назовите файл так "name.html".4. Далее откройте в своём браузере и сделайте скриншот того что там отобразилось.5. Скиньте, пожалуйста, в тред с указанием разрешения вашего монитора(для тех кто скриншоты обрезает).Спасибо за ранее всем кто не поленился.Абу благословил этот пост.
>>191550871мне нужно убедиться что нижняя граница будет отображаться одинаково (внизу) на монитораха с любыми разрешениями, а не только на моём.
>>191550827 (OP)В хроме есть инструменты разработчика, там все это можно проверить. Картинка на фоне не будет отображаться точно.
>>191550929Ты не поверишь, конечно, но в хроме для проверки разных разрешений есть встроенный инструмент.
ты можешь сменить разрешение экрана просто в параметрах пк, на 10 винде это вообще делается в 2 клика
>>191550827 (OP)Ты ж в курсе, что 0_12bc81_21263ac1_orig.png ни у кого, кроме тебя, не отобразится? Я хтмл с цсс видел мельком в универе видел, и то понимаю, что отобразится хуйня. А ты двоечник с единственным браузером на компе.
>>191551027да на картинку похуй. главное что линия >>191551024отображалась под надписью сайта.не подскажешь как это сделать?
>>191551027.test1 {border-bottom: 1px solid blue;position: relative;top: 170px;вот мне нужно чтобы линия синего цвета которая у анона посередине монитора отображалась внизу экрана под адресом сайта. я позицию через абсолют делал, но линия исчезает, а через реалтив только по пикселям двигает, а это что значит? а это значит что нормально отображается только на мониторе с моим разрешением. вот пиздец как это сделать я хз ваще, уже мануал с 11 утра заебался читать>>191551191html+css
>>191551261Ну у тебя .test1 {border-bottom: 1px solid blue;position: relative;top: 170px;По идее отображается с отступом 170 пикселей сверху. Ебани не топ, а боттом, но я помню это всё постольку-поскольку, честно, было 6 лет назад.
>>191551388короче понятно. если я ебану боттом то полоса вообще сверху будет. короче забей, ты не понимаешь я уже понял.
>>191551501Я не не понимаю, а наглухо забыл. Добавь этот бордер твой ебаный в <span> и засунь под текст его, а цсс для этого спана отредактируй отдельно. И будет она у тебя снизу, полоска эта. Логику понял?
>>191551656А, не, вроде как я хуйню прогнал. Потестил щя, не взлетело. Ну, да я пожилой и пьяненький, лол. Но я ещё попробую, интересно теперь самому.
>>191551580<!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8"> <title>Exercise 1</title> <style> body { background-image: url(0_12bc81_21263ac1_orig.png); } .test { border: 2px solid black; width: 400px; height: 200px; margin: 10% auto; } .text { color: blue; position: absolute; left: 10px; bottom: 10px; } .test1 { border-bottom: 1px solid blue; margin-top: 304px; } </style> </head> <body> <div class="test"></div> <div class="text"> www.itmathrepetitor.ru </div> <div class="test1"></div> </body></html>попробуй вот это код, пожалуйста, и запости результат. я пофиксил
Кароч, оп, я тот пожилой и нетрезвый. Сунул текст в отдельный див и всё работает. И это я сделал под мухой спустя мульён лет после универа, где меня не учили быть вебмакакой. Такие дела. Пользуйся.
>>191551894Лол, слава ручному обновлению треда! Я уже сам это сделал постом выше. Ты и сам всё понял. Что за специальность?
>>191551967Хуле ты обзываешься? Я сделал, как ты и хотел - перенёс синюю полосу под надпись. Какой-то грубый дохуя.
>>191551980ты хуйню сделал, долбаёб. ты просто сломал расположение надписи внизу монитора и прикрутил её к поломанной линии, еблан косорылый. пошёл нахуй>>191551988спасибо, короче, дружище, мне нужно чтоба эта линия синяя была под адресом сайта снизу на мониторе любого разрешения как это сделать?
>>191552059ты надпись перенёс под полосу. алсо \>class="123"ты где, уёбище, в стилях создал класс 123? я у тебя такого не видел. ты пидораха иди нахуй отсюда, мразь
>>191552126Ты тупой? Никуда я её не прилеплял, лол. Просто вынес в отдельный див и не задавал никаких параметров в цсс для текста. Чего ты такой грубый-то?
>>191552315<!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8"> <title>Exercise 1</title> <style> body { background-image: url(0_12bc81_21263ac1_orig.png); } .test { border: 2px solid black; width: 400px; height: 200px; margin: 10% auto; } .text { color: blue; position: absolute; left: 10px; bottom: 10px; } .test1 { border-bottom: 1px solid blue; margin-top: 22.5%; } </style> </head> <body> <div class="test"></div> <div class="text"> www.itmathrepetitor.ru </div> <div class="test1"></div> </body></html>попробуй вот это. я исправил
>>191551988<!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8"> <title>Exercise 1</title> <style> body { background-image: url(0_12bc81_21263ac1_orig.png); } .test { border: 2px solid black; width: 400px; height: 200px; margin: 10% auto; } .text { color: blue; position: absolute; left: 10px; bottom: 10px; } .test1 { border-bottom: 1px solid blue; margin-top: 22.5%; } </style> </head> <body> <div class="test"></div> <div class="text"> www.itmathrepetitor.ru </div> <div class="test1"></div> </body></html>вот это попробуй, анон.
>>191552182ты долбаёб, с таким же успехом мог вообще все тэги убрать и голую надпись оставить. тоже самое бы было
>>191552376не знаю. откуда у тебя вообще второй блок взялся я хз. короче вот у меня так отображается и так должно отображаться на всех мониторах
>>191552536спасибо большое, анон. я хз что делать тогдану должно вот так быть >>191552530алсо я задал полоску не в пикселях, а в процентах нахуй, должно же норм быть...
<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>Exercise 1</title><style>body {background-image: url(0_12bc81_21263ac1_orig.png);}.test {border: 2px solid black;width: 400px;height: 200px;margin: 10% auto;}.text {color: blue;position: relative;bottom: 0px;}.test1 {border-bottom: 1px solid red;position: relative;top: 0px;}</style></head><body><div class="test"></div><div class="text">www.itmathrepetitor.ru</div><div class="test1"></div></body></html>Вот так.
>>191553433>>191553478>>191553600ВЫ БЛЯДЬ ИДИОТЫ ЁБАНЫЕ Я УЖЕ ЗАПОСТИЛ КАК НУЖНОНУЖНО ЧТОБЫ БЫЛО ВОТ ТАК НА ВСЕХ МОНИТОРАХ. ЛИНИЯ И ТЕКСТ В САМОМ НИЗУ. НУЖЕН ИМЕННО ПОЛДВАЛ БЛЯДИ
Для того, чтобы "ЧТОБЫ БЫЛО ВОТ ТАК НА ВСЕХ МОНИТОРАХ" есть fixed, 2 минуты в гугле.Мимо-никогда не делал ничего в html/css.<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><title>Exercise 1</title><style>body {background-image: url(0_12bc81_21263ac1_orig.png);}.test {border: 2px solid black;width: 400px;height: 200px;margin: 10% auto;}.text {color: blue; position: fixed; bottom: 5px; width: 100%;}.test1 {border-top: 1px solid blue;position: fixed; bottom: 5px; width: 100%;}</style></head><body><div class="test"></div><div class="text">www.itmathrepetitor.ru</div><div class="test1"></div></body></html>
>>191553951Ты тупой и невежливый школьник. Я нашёл решение твоей задачи, но после этого я тебе не буду его давать. Иди нахуй, дружок.