Поиск по сайту
Результаты поиска по тегам 'html'.
Найдено 659 результатов
-
Всем добрый день, у компании появилась потребность в разработке одностраничных шаблонов. Ищем человека из Санкт-Петербурга, прилагаю ссылку на техническое задание.
-
Здравствуйте, я хочу взять работу по вёрстке сайта по шаблону, также могу создать дизайн для сайта абсолютно бесплатно! У многих возникнут сомнение что это бред, но мне это надо для того, чтобы набрать опыт работы( я начинающий). связаться со мной можно по: Skype: [email protected] BK: https://vk.com/tsayuk2015 Mail: [email protected] Мой сайт: http://imsarimgames.net23.net/
-
В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения
-
Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?
-
Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search/">Все результаты поиска</a></div></form> <ul><li><a href="/">Профиль</a></li> <li><a href="/showcase/">Витрина</a></li> <li><a href="/vacancies/">Вакансии</a></li> <li><a href="/newsevents/">Новости</a></li></ul><hr> <ul><li><a href="/messages/">Сообщения</a></li></ul><hr> <ul><li><a href="/friendship/">Контакты</a></li></ul><hr> <ul><li><a href="/reviews/">Отзывы</a></li></ul><hr> <ul><li><a href="/profile/">Настройки</a></li></ul> <ul class="accountNav"><li><a class="logoutLink" href="/logout/" onclick="return false;">ВЫХОД</a></li></ul> </div> <div class="topNav"><div class="logo"><a href="/"></a></div> </div> </div> .mainNav у нас скрыт, и играет в роли вертикального меню. Цель: при нажатии на .logo - .mainNav должен присвоиться свойство height:auto (сейчас имеет она 100px), и тогда она должна отобразится. Сделать это нужно через CSS. Пытались через родственные селекторы, через соседние - не получается. .topNav .logo:hover ~ .topWrapper .mainNav{ height:auto !important; //Примерно такое нужно. } .topWrapper .topNav .logo { position: absolute; top: 10px; left: 20px; width: 65px; height: 65px; background: no-repeat center url(images/logoS.png); } .mainNav { float: left; width: 97%; margin: 0 20px; padding: 5px 0; overflow: hidden; background: #e3f2ec; border-radius: 6px; } Спасибо!
-
Собственно.. как задать ширину контейнера по содержимому? Но контейнер должен быть блочным https://jsfiddle.net/oxtLhs5n/
-
https://jsfiddle.net/hd45m3fc/ По началу всё идёт как надо выбирается каждый второй элемент. Но вторая пара, после <br>, уже применяет каждый второй начиная с первого. Почему такое поведение?
-
Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:
-
Доброго времени суток. Столкнулся с проблемой, что иногда при открытии страницы сайта, он выдает мне страницу которая выглядит именно так Но после обновления страницы, все сново отображается так как надо, проблем с главной страницей сайта, не было замечено. Подскажите пожалуйста с чем это может быть связано, куда копать. Сайт перешел в мои руки недавно, так что какие были внесены изменения мне не известно. Все что мне известно, это что есть такая проблема. Очень нуждаюсь в професиональном совете. З.Ы. Сайт стоит на движке ВордПресс + ВуКомерс (интернет магазин) Ссылка на сайт После перехода на главную страницу по этой ссылке, просто погуляйте по сайту, по разным вкладкам или товарам, страница с ошибкой появится.
-
Помогите пожалуйста доверстать письмо. Вопросов несколько - буду выкладывать по степени формирования. Заранее спасибо всем кто не бросил начинающего. Пишу в Zurb Foundation 2, с помощью Inky и sass 1. Как сделать полосу во весь экран? (номер строки html кода: 144-151) 2. Мой SblimeText подсвечивает вопросы в строчках кода у body и table. Такая же история в конце кода с этими же тэгами. Если навести ничего не показывает, или редко ненадолго говорит об ошибке со скобками. Как побороть? basic.html app.scss
-
Здравствуйте, уважаемые верстальщики и просто те, кто учится верстке сайтов. Я занимаюсь веб-разработкой с 2008 года. Чуть позже поняв, что существует множество "подводных камней" и приёмов при верстке резиновых макетов, я приступил к поиску ПО, которое помогло бы мне ускорить этот нелегкий процесс. Но тогда я ничего не нашел - были только проекты, которые как мне показалось сильно ограничены в функциональности. Позже, когда у меня появился первый опыт, я загорелся идеей самому создать собственную веб-студию, которая могла бы максимально ускорить процесс верстки, но тогда я был занят другими фриланс–проектами, и слабо представлял, как это можно было сделать. Набравшись опыта за все эти последние годы, в июне 2016 года я завершил все дела со своими клиентами и принялся реализовывать то, за что давно уже хотел взяться. На деле оказалось очень непросто разработать задуманное, но к настоящему времени я уже сделал все самые необходимые первостепенные функции, с помощью которых можно сверстать сложные по структуре резиновые макеты, вот самые интересные из них: Интеллектуальный помощник - Автоматически трансформирует структуру HTML для обеспечения работы некоторых CSS свойств, а в случае необходимости участия пользователя это подскажет вам, как исправить распространенные ошибки; HTML подобная древовидная структура в диспетчере элементов. Вы сможете создавать сложную по дизайну и структуре разметку страницы; Базовая поддержка CSS классов - редактирование стилей сразу у нескольких элементов; Тонкая настройка стилей, почти все изменения применяются в режиме реального времени; Инструменты редактирования оптимизированы для планшетов на iOS и Android; В SHOWYWeb Studio интегрированы бесплатные шрифты Google Fonts, вы можете удобно подбирать шрифты простым наведением или с помощью клавиш; Проект экспортируется в файлы HTML, CSS и JavaScript. В дальнейшем вы их можете использовать как статическую страницу или вручную преобразовать в шаблоны для CMS систем; Экспортируемые результаты совместимы почти со всеми популярными браузерами, выпущенными после 2010 года, включая Internet Explorer 9; Экспортируемый код CSS структурно оптимизируется для экономии трафика; Загружайте только большие варианты изображений, SHOWYWeb Studio автоматически подготовит оптимальные варианты при экспорте проекта; Вставка видео с сервисов YouTube и Vimeo, вставка произвольного кода HTML в элементы типа "Текст и мультимедиа"; Локальное сохранение проектов; Дальше в первую очередь планирую реализовать следующее: Регистрация аккаунтов в SHOWYWeb Studio; Интеграция с облачными хранилищами; Экспорт проекта в изображение формата JPEG; Кастомные автообновляемые файлы CSS и JavaScript; Автосохранение; Локализация для английского языка; Поддержка псевдоклассов CSS; Интеграция бесплатных векторных иконок Font Awesome; Поддержка SVG изображений; CSS градиенты; Поддержка значения "inherit" в стилизующих свойствах для возможности унаследования свойств от родительских элементов; Дополнительные свойства для стилизации шрифта; Настройка свойств шрифта у родительских элементов для возможности автоматического унаследования; Классы CSS с выборочными свойствами; 3D и другие 2D трансформации (пока доступно только 2D вращение); Анимационные переходы CSS; CSS media queries; Поддержка HTML5 элементов; Интеграция дополнительных библиотек шрифтов; Реализация функций для отмены и повтора действий; Документация, видео уроки и типовые проекты (Имея базовые знания верстки достаточно просто разобраться методом проб и ошибок в русскоязычном интерфейсе); Протестировать можно здесь showyweb.ru (Студия находится в Beta тестировании и размещается далеко не на самом мощном VPS, поэтому рекомендую чаще сохранять ваш проект). Сейчас мне важно понять, есть ли смысл развивать эту идею дальше? или я изобретаю новую модель велосипеда, которая мало кому будет нужна.
-
Здравствуйте) недавно начала осваивать верстку и хотелось бы узнать Вашу критику) я, конечно, понимаю, что макет несложный, но у меня возникли трудности с background-ом ..(переход от одного блока к другому в виде диагонали с тенью) и в блоке info-client не смогла растянуть картинки на всю ширину блока (у картинок разные размеры).....надеюсь, что подскажете))) Верстка неадаптивная. Заранее Спасибо))) вот работа: https://z-karina.github.io/ при загрузке макета произошла ошибка, вот макет: http://hostingkartinok.com/show-image.php?id=8efc25bb87b7b586f330d5c17db60b8c
-
Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки. Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера. Вот код моей подсказки .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; }
-
Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с изображением внутри. Ссылка на сайт
-
При скролле полоса должна заполняться. Как можно создать подобную форму? Есть ли примеры?
-
Как сверстать хедер, где нету только правой и левой стороны, а есть и по середине
-
Сделал для себя учебную верстку по бесплатному макету. Вопросы на которые, возможно, мне смогут дать ответы более опытные верстальщики: - Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю? - К сожалению, не удалось сделать, чтобы макет абсолютно соответсвовал PixelPerfect, особенно это заметно в тексте. Тестировал в Chrome 55.0.2883.87 (Windows 10). Подскажите на примере какого-нибудь блока в чем я делаю ошибки - Так же хотелось бы прочесть любую конструктивную критику Небольшое отступление, добавлю обязательно еще мобильный вариант и слайдеры, это в процессе. Хотелось бы узнать ошибки на том этапе, что выполнен. Исходники https://github.com/oleg-tgn/html-template-beautiful-things Демо https://oleg-tgn.github.io/html-template-beautiful-things/
-
Как сделать что бы при открытии страницы воспроизводился случайный видеофайл на фоне
-
Здравствуйте. На моем сайте есть функция <option value="127.0.0.1:443">Server #1</option> Я замечал, что во многих сайтах, похожих на мой, вместо (код выше), у них <option value=":server1">Server #1</option> и при этом у них value также равен значению "127.0.0.1:443". Хочу также реализовать это на своем сайте, но не знаю как. Надеюсь на вашу помощь:) Мой сайт, где можете полностью посмотреть код: agarix.esy.es
-
Вакансия Front-end разработчика Добрый день. Вас приветствует команда студии разработки и продвижения FreeDots (наш сайт: freedots.ru) Если вы Front-end разработчик и делаете круто, то высылайте своё портфолио на [email protected] и вместе мы поработаем над интересными проектами Основные требования: Опыт работы в отрасли не менее 2 лет. Знание языков: HTLM, JS, CSS. Знание предпроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js, желательно знание js фреймворков: angular.js/vue.js/node.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Указанные требования являются предпочтительными. Мы рассмотрим любые предложения, в том числе и варианты удаленного сотрудничества. Занятость/ЗП: Занятость/оплата - проектная с перспективой устройства у нас на фикс. С уважением, команда Freedots.
-
Здравствуйте. На странице есть таблицы(адаптивные). Проблема в том, что при маленькой ширине экрана(к примеру на мобильных устройствах) они не убираются. Прописал в css: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; В итоге получил это(текст не переносится, на конце троеточие): Подскажите решение как можно реализовать просмотр таблицы или отдельных ячеек не нарушая адаптивность.
-
Здравствуйте, ищу работу HTML-верстальщиком (удаленно). Согласен выполнить первые заказы бесплатно что бы доказать себе и вам, что я работоспособен. Пишите мне на почту или в скайп. Скайп: Andrei.Rabotov E-mail: [email protected] Портфолио.docx
-
Как сделать автоматическое действие в HTML? Как сделать так, чтобы при переходе на сайт, например, вот это действие... <a href="//google.com" target="_blank" onclick="location.href='//htmlbook.ru'">Текст</a> ...выполнялось БЕЗ клика человека на ссылку (в данном случае надписи "Текст")? Помогите, пожалуйста
-
Подскажите пожалуйста правильный алгоритм путешествия к файлу main.css, у меня index.html находится в дочерней папке, как именно указать в хеде путь к главному css
-
Здравствуйте, У меня возникла проблема с background -ом когда изменяется масштаб окна браузера. Когда масштаб большой (>100%) , background который находится на полосе прокрутке просто НЕТ, а когда масштаб маленький (<100%) он растягивается. Растягивается потому что стоит width:100%, background-size:cover; (>100%); А вот как сделать чтобы background всегда был на всё окно + с полосами прокрутки (<100%). Очень признательный буду если кто сможет помочь и объяснить? Как лучше верстать фиксированной, резиновой, адаптивной и отзывчивой вёрсткой?
