Search the Community
Showing results for tags 'html'.
-
Подскажите какие стили нужно переопределить чтобы навигационная панель в navbar выезжала слева на право а не сверху вниз как определенно стандартно
-
Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта
-
проблема в том, что если я пишу путь так(через /) : <script src="/js/mainjs.js"></script> то гугл сообщает об ошибке, якобы файл не найден. Хотя файл html и папка js лежат в одном файле. как быть? PS если указать полный путь к js то все работает.
-
Flex-контейнер с input элементами расширяет границы основного блока
sarcus posted a question in HTML Coding
Основной блок содержит 2 блока 1-й с некоторым текстом 2-й flex блок с input элементами 2-й блок как будто не видит <b>ширины</b> основного блока, которую <b>задает 1-й блок</b> (sometext) и расширяет основной. Подскажите как решить данную проблему ? Пример : https://jsfiddle.net/sarcus/1vmaf3wo/14/ Но если вместо input (class='inp') вставить div то все приходит в норму: https://jsfiddle.net/1vmaf3wo/83/ <style> .cont { position: absolute; top : 200px; left: 30px; border: 1px solid #ccc; } .ctrl { display: flex; width: 100%; flex-direction: row; border: 1px solid#ccc; } .btn { flex: 0 0 auto; } .inp { flex: 1 1 auto; width: 100%; } </style> <div class="cont"> <div class="sometext">555 5555 5555 5555 5556</div> <div class="ctrl"> <input type="button" class="btn" value="<<" /> <input class="inp" type="text" /> <input type="button" class="btn" value=">>" /> </div> </div> -
Нужна срочная помощь Дали задание сделать копию данной страницы в html (только страницы, а не всего сайта) http://trafaret-design.ru/cat/shtampyi/fonyi/ в этом полный ноль нужно использовать только html
-
Всем привет. У меня при верстке сайта по уроку возникла проблема. Сверстал все один в один (перепроверил несколько раз), но по итогу получается смещение элементов. Из за чего такое может произойти? Ссылку на скрин оставлю ниже (1левый экран то как у него, а (2)правый то как у меня) Скрин для наглядности, чтобы понять о чем я.
-
Задача Нужен человек работающий на друппал. Есть готовый сайт. Клиенту нужно сделать дополнительно 1 страницу. На этой странице около 7-8 блоков но из них только 3 надо сверстать. Остальные блоки у же есть на сайте. Нужно сверстать и посадить блоки на друпал. Дело срочное, спасибо! Обязательные требования Писать в телеграм @egrom92
-
Ребята тем кому интересна тема веб разработки и основы html заходите на каналhttps://www.youtube.com/playlist?lis...O-kk6CcVLtYXYVтак же информация для новичков будет дополняться.Основы HTML это не предел. в дальнейшем будет уроки по css, js по web фреймворкам. bootstrap и в дальнейшем будет объясняться натяжка вёрстки на wordpress
-
Здравствуйте, подскажите, пожалуйста, в чем может быть проблема: при вертске, блоки текста имеют совсем иные переносы нежели на макете. Шрифт, насыщенность(font-weight), размер - все как на макете, но что-то, видимо, все равно не так.
-
Как слово эквилибриум сдвинуть немного вниз ? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Эквилибриум </title> <link rel="stylesheet" href="/ecomapp/assets/css/style.css"> <meta name="description" content=""/> <meta name="keywords" content=""/> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> </head> <body> <!-- Navigation --> <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top"> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8"> <ul class="nav navbar-nav"> {% if not request.get_full_path == '/' %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Категории <span class="caret"></span></a> <ul class="dropdown-menu"> {% for category in categories %} <li><a href="{{ category.get_absolute_url }}">{{ category.name }}</a></li> {% endfor %} </ul> </li> {% endif %} </ul> </div> </nav> <!-- Page Content --> <div class="container"> {% block content %} <div class="row"> <div class="col-lg-3"> <p class="lead">Эквилибриум</p> <div class="list-group"> {% for category in categories %} <a href="{{ category.get_absolute_url }}" class="list-group-item">{{ category.name }}</a> {% endfor %} </div> </div> <!-- /.col-lg-3 --> <div class="row"> {% for product in products %} <div class="col-lg-4 col-md-6 mb-4"> <div class="thumbnail"> <img src="{{ product.image.url }}" alt="" style="width:100px; height: 150px;"> <div class="caption"> <h4 class="pull.right">{{ product.price }} руб.</h4> <h5><strong><a href="{{ product.get_absolute_url }}">{{ product.title }}</a></strong></h5> <p>{{ product.description }}</p> </div> </div> </div> {% endfor %} </div> <!-- /.row --> </div> <!-- /.col-lg-9 --> </div> <!-- /.row --> </div> <!-- /.container --> <div class="container"> {% endblock content %} </div> </body> </html> <footer class="py-0 bg-dark"> <div class="container"> <p class="m-145454 text-green">Copyright © Your Website 2019</p> </div> <!-- /.container --> </footer>
-
Здравствуйте, подскажите пожалуйста как избавиться от отступов в тексте, чтобы границы блока обтекали текст пиксель в пиксель. Все padding-и разумеется убрал, но непонятный зазор между границей блока и текстом все ровно остался.
-
Ребят, как можно сделать так, чтобы в теге <p> был текст и в тексте была область с инпутом и под областью инпутом было подчеркивание" ____" и под чертой был текст(год, дата, фио например). Грубо говоря как в документах на подпись должна получиться область
-
Добрый день! Я столкнулся с такой ситуацией: создается в компании статическая страница для хранения служебных документов. Иконки там, по-факту, не нужны, но начальник как во всем известном видео: "Хочу иконки!". Для нее поднимается локальный сервер без выхода в инет. На сайте есть ссылка прямая на хранилище с данными иконками, но она при такой настройке сервера, не работоспособна. Я качнул с сайта архив с данными иконками. Прописал как в инструкции путь в проекте. И тут я в непонимании: в инструкции для локального подключения подключается файл с расширением .css, через тег <link>, при этом все иконки, которые я использовал при подключении прямой ссылки на хранилище через <script>, пропали. Вместо них квадратики. Я пробовал точно также через <script> указать локальный адрес на файл с расширением .js. Но в результате иконки просто пропали. В чем может быть проблема?
-
Как правильно сверстать картинки(руку, лист салата и тд) на данном шаблоне? Интересуют именно первые 3 изображения, а именно тарелка, рука с дошиком и лист салата. Тарелку можно просто сверстать допустим на флексах разбив блок на 3 столбца. Но вот интересно как сверстать две оставшиеся картинки так еще и с текстом. Я подумал, что можно также сверстать на тех же флексах разбив на те же 3(в случае с рукой) и 2(в случае с листом салата) колонки флекс сетку, но в таком случае изображения толкали бы друг друга так как рука с тарелкой и лист салата имеют общую площадь расположения на странице. Как это сделать? Помогите пожалуйста, может какое-то свойство прилипания или вообще другой метод верстки?
-
Пример сайта по разработке reactiq точка net Цена на разработку 70 000 рублей. Без дизайна и верстки, от вас нам нужен функционал на фреймворке Lavarel Нужно постараться уложиться в 20 дней по срокам. Работа по Сделке без риска. B и больше ни как. Основные моменты работы сайта: авторизация сайта через стим считывания апи через официальный сайт pubg Трейдов скинов и все остальное не будет! подключить систему оплат создание личного кабинета для пользователя. Есть полное ТЗ проекта, которое мы готовы упрощать на первом этапе.Готовы достойно оплачивать ваш труд! Пишите в телеграм @evgensalyah
-
Ищем талантливого программиста в игровой проектДля разработки игрового проекта требуются талантливые программисты.Отличное знание: PHP, JavaScript, PythonПреимуществом будет если когда-то работали с платформой steam и с голосовым мессенджером Discord.Вкратце о проекте: Будет разрабатываться площадка для проведения турниров по играм pubg, dota, cs go.Ищем программиста с руками. Не важно какой вы ориентации, вероисповедания и т.д. Нам от вас важен результат!Готовы достойно оплачивать ваш труд! Пишите в телеграм @evgensalyah
-
Начальство отдало фрилансерам несколько млн. рублей за данный сайт (beta.sintez.io), при этом анимация кнопки на главной странице рваная и дерганная, конец одного состояния кнопки не попадает в начало зацикленной части. Так как на сайте очень много графических элементов и анимаций, было принято решение сделать прелоадер, после загрузки которого должна начаться анимация всех элементов сайта, плавно, без дерганий и потерь кадров, особенно это касается главную кнопку (кнопка PLAY) в центре на первом экране. Она имеет 3 состояния - 1. появление(24 кадра), 2. основная анимация(48 кадров), 3. наведенное состояние. Проблема в том, что после загрузки прелоадера, анимация "появления" начинается либо не с первого кадра, либо "основная анимация" начинается не дождавшись завершения анимации "появления", то есть, две анимации накладываются друг на друга, в итоге получаем "рваную анимацию", потерю кадров и в общем не корректную работу данной кнопки. РЕФЕРЕНС ПРАВИЛЬНОЙ РАБОТЫ КНОПКИ: https://youtu.be/Eckeyw7VDtk Фрилансеры сваливают эту проблему на "слишком большое количество графических элементов и анимации", а так же, что существующие веб-технологии и суперкомпьютеры не способны плавно воспроизвести анимацию состояющую из двух небольших WEBP файлов. Действительно ли это так? Если нет, то в чем ошибка в текущей версии?
-
Здравствуйте! Простите, если не сюда пишу. Только начинаю изучать HTML и CSS. Сверстал страницу, на которой присутствуют шапка, футер, меню. Страница трехколоночная. Сайт планирую делать многостраничным. Теперь задался вопросом: Как разместить основные блоки сайта на всех страницах? Имею в виду: футер, шапку, боковые колонки. Не размещать же их на каждой странице. Имею в виду, если кликнуть на ссылку в меню, то открывается новая страница без меню, футера и т.д. Как сделать, чтобы эти основные блоки отображались во всех страницах. Буду рад советам! По форуму искал и читал, но не смог применить некоторые наброски к своему сайту. Так понимаю, необходимо какие-то скрипты подключить? Сайт на PHP не хотелось бы писать. Еще не дорос до него Прикрепляю файлы, что сделано. index.html style.css
-
Можно ли с помощью css выровнять блоки одинакового по уровню ? вот картинка. Высота блока должна быть не фиксированной .Контент может быть в любом количестве . Блоки с контентом должны быть на одном уровне . Т.е независимо сколько символом в контенте , описание строго на одном уровнем с другим описание , цена на одном уровне с ценой. Каким способом можно реализовать данное решение ? спасибо за внимание.
-
Добрый вечер. Чтоб не спамить разными сообщениями на форуме создам все тут. #Вопрос 1. Я пока не нашел ответ в гугле, спрошу тут и пойду искать дальше. Шапка сайте идет на всю ширину экрана(лого и форма поиска). а вот ее сайт(статьи меню и т.д) идут в блоке с каждой стороны примерно по 10% ширины нет(как margin я как понимаю) и там ничего не должно быть активно. там будет свой фон. Вот как можно это сделать сразу? я подумал сначала сделать в body убрать по 10% с каждой стороны но у меня там шапка. На текущий момент кроме как когда создавать блоки с контентом их каждый в писать ширину и поля с отступами. Подскажите как это сделать сразу же заранее.
-
Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску. как должно выглядеть: Фото меню Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась??? хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается. <li id="contact_us"> <a href="#">CONTACT US</a> </li> кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?
-
Здравствуйте! Помогите, пожалуйста! Что нужно исправить (добавить) в коде, чтобы было как на изображении снизу? Спасибо!
-
Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.
-
Помогите, пожалуйста. Задание: Вводится число, проверяется на простоту. Выводится сообщения является ли число простым.Нужно, чтобы просто открывалось в браузере. Сделала кнопку, вписала алгоритм, как сделать вывод сообщения?<html> <body> <script>function isPrime(num) {for(var i = 2; i < num; i++)if(num % i === 0)return false ;return num > 1;}</script><form name=f> <INPUT TYPE=button value="Открыть окно ввода" onClick="e=window.prompt('Введите число');"> </form> </body>
-
Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи? Потому-что всех размеров не предусмотришь чтобы для всех создавать классы. И вторая проблема. Это непонятный нижний отступ (помечен стрелочками) от изображения до края блока, в котором лежит изображение. Блоку я ни ширину, ни высоту не задавал, вот его правила: margin-bottom: 29px; display: inline-block; position: relative; , у изображений вообще никаких правил, это их исходные размеры. Но отступ почему-то имеется и так у каждого элемента галереи. Заранее спасибо за помощь.
