Поиск по сайту

Результаты поиска по тегам 'html'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Фриланс
    • Коммерческие услуги
    • Ищу работу
    • Предлагаю работу

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)
  • Пособие верстальщика

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу

Искать результаты в...

Искать результаты, которые содержат...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

Найдено 161 результат

  1. Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> </defs> <g id="root" transform="translate(0,0)"> <g id="Auto" class="default_default" transform=" translate(0,0) rotate(0,32,32)"> <g id="layer0"> <rect y="24" x="0" height="16" width="64" id="c0trumpet"/> <rect y="26" x="3" height="12" width="2" id="c0flow0" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="11" height="12" width="2" id="c0flow1" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="19" height="12" width="2" id="c0flow2" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="27" height="12" width="2" id="c0flow3" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="35" height="12" width="2" id="c0flow4" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="43" height="12" width="2" id="c0flow5" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="51" height="12" width="2" id="c0flow6" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="59" height="12" width="2" id="c0flow7" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> </g> </g> <g id="Auto" class="default_default" transform=" translate(576,576) rotate(0,32,32)"> <g id="layer0"> <rect y="24" x="0" height="16" width="64" id="c1trumpet"/> <rect y="26" x="3" height="12" width="2" id="c1flow0" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="11" height="12" width="2" id="c1flow1" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="19" height="12" width="2" id="c1flow2" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="27" height="12" width="2" id="c1flow3" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="35" height="12" width="2" id="c1flow4" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="43" height="12" width="2" id="c1flow5" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="51" height="12" width="2" id="c1flow6" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="59" height="12" width="2" id="c1flow7" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> </g> </g> <!-- тут еще 14 групп с id="Auto"--> <g id="Auto" class="default_default" transform=" translate(960,960) rotate(0,32,32)"> <g id="layer0"> <rect y="24" x="0" height="16" width="64" id="c15trumpet"/> <rect y="26" x="3" height="12" width="2" id="c15flow0" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="11" height="12" width="2" id="c15flow1" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="19" height="12" width="2" id="c15flow2" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="27" height="12" width="2" id="c15flow3" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="35" height="12" width="2" id="c15flow4" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="43" height="12" width="2" id="c15flow5" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="51" height="12" width="2" id="c15flow6" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="59" height="12" width="2" id="c15flow7" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> </g> </g> </g> </svg> Auto.html выглядит следующим образом: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <div class="menu"> <a href="Auto.html">Untitled</a> <div> <object id="AutoId" type="image/svg+xml" data="Auto.svg"></object> </div> <script type="text/javascript" src="Auto.js"></script> </div> </body> </html> Таким образом я получаю страницу, которая представлена на рисунке 1. Как видно, не вся svg поместилась на страницу. А хотелось бы получить результат как на второй картинке, т.е. уместить всю svg в область под <a>Untitled</a> так, чтобы вниз страница не прокручивалась.
  2. Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?
  3. Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.
  4. Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.
  5. Учу HTML,CSS около 2-3 месяцев, укажите на проблемы и что можно было улучшить. MyModernPage.html cssmodernpage.css
  6. Здравствуйте. Постараюсь коротко. Это мой второй проект, просто тренировочный макет. Нет адаптива, нет css-рюшек, вроде плавных переходов, нет js и даже нет половины состояний для элементов (но это потому, что их не было в макете). Html и css. Их и прошу оценить. Понимаю, что нормальным людям лень оценивать, поэтому у меня есть несколько более или менее конкретных вопросов. Надеюсь, не слишком странных: Меня беспокоит организация маргинов и паддингов. По-моему, она "некрасивая". Есть такое понятие "красивая организация отступов"? Мне кажется, что я нашла не лучшее решение для огромных тортов на фоне. Дивы с абсолютным позиционированием, из-за чего пришлось прописать body overflow-x: hidden Стали бы вы делать плиточную раскладку категорий тортов grid'ами или это "микроскопом гвозди"? Правильно ли я понимаю, что если мне захочется оживить слайдеры, то придется немного менять разметку и стили? Как вы относитесь к br в верстке? (-: Например, в блоке выбора размера торта: <label class="cake-size" for="two-kg"> <input class="hidden" type="radio" form="order-form" name="cake-size" id="two-kg"> <span class="mass medium">2 кг</span> <span>23-24 см<br>(10–12 персон)</span> </label> Практикуется ли именование классов по БЭМ на лендингах? (-: С дурацкими вопросами я закончила. Буду, благодарна за любой фидбэк относительно вменяемости разметки. Ссылка на страницу и на гит P.P.S. как склеить коммиты теперь? )
  7. Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?
  8. Всем привет! Расскажите пожалуйста про адаптивную сетку. Просто для меня сетка - это обязательно 12 колонок и т.д. Но а если контент расположен не по сетки или начиная с промежуточных колонок или в каждой секции по разному расположен контент. Откройте мне пожалуйста всю истину адаптивных сеток, а то не понимаю. Или может использовать сетку только тогда, когда она есть в макете?
  9. Здравствуйте. Помогите с Html и css Сам я начинающий и пока только учусь. Есть index.html к нему style.css получается криво, а надо одинаковые строчки. Спасибо. P.S. буду признателен если подскажите как сделать что бы текст был строго по центу. index.html style.css
  10. Всем доброго дня. Ищу помощника или наставник в создании небольшого сайта. С данного момента погружаюсь в тему изучения верстки. Мой максимум это HTML i CSS. Сайт будет представлять из себя небольшую записную книжку( не часто используемую). Пока без картинок, просто текст. Естественно буду пытаться сделать его, чтобы он нормально читался и на компьютере и на мобиле (адаптивным). На рисунках, что приложу, я набросал своё представление о том как он будет выглядеть. В сети нашёл небольшой визуальный пример, что мне понравился( нравится). //Движки и блоги использовать не хочу, это сложно для меня. Написал текст, вставил его в стандартную страницу htmlя и написал ссылку на главной станице сайта, вот все что мне нужно.
  11. Долго ломаю голову по поводу одной темы: когда использовать сетку при адаптивной верстке? Смотрел чувака web design master, он говорит, что в каждом прокте должна использоваться сетка. Просто бывают макеты не по сетке и вот не понятно становится после его слов.
  12. Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
  13. Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста.
  14. Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?
  15. Добрый день, уважаемые разработчики. Прошу помощи, так как не имею знаний ни в css, ни в html, а проблема настолько простая, что стыдно кого-то нанимать чтобы это кто-то сделал. Есть сайт гостиницы, на главной странице установлен виджет бронирования bukza. Дело в том, что виджет этот, когда открываешь мобильную версию, прячется под нижний блок, хотя position: absolute имеет. Десктоп версия: Мобильная версия: Прошу, комрадс, помогите мне исправить это.
  16. имеется такая разметка шапки, черные полоски это центровщик , красный блок , и зеленый блок. Может ли кто подсказать как сделать такую разметку? чтобы зеленый блок прилип к красному и в тоже время был на весь экран(т.е с правой стороны выезжал за центровщик ) ?
  17. Добрый День. Такой Вопрос, если есть возможность, помогите, кто сталкивался с подобной Темой. Есть форма отправки информации (Имя, Е-мэйл, Телефон, Описание) После заполнения формы, нажав на Отправить, инфо отправляесься на Сервер, храниться там. На сервере создал файл post.php Вопрос заключаеться в следующем: Что нужно прописать в скрипте чтобы заполненная форма номер 1 автоматически отправлялась на емэйл следующему человеку заполнившему следующим ту же форму? Выглядит так: Первый человек заполняет форму, она посылается на сервер и сохраняется в файле. Следующий человек получает на емейл содержимое файла, после чего файл переписывается. И так далее, каждый заполнивший форму Автоматически получает информацию предыдущего посетителя. Буду Благодарен за любую информацию. С Уважением Спасибо
  18. arsenalsar

    Ищу работу - html, css, js

    Ищу удаленную работу с возможностью развиваться в фронтенде. Пример верстки https://nzgf1434.github.io/malyshev.github.io/ исходники https://github.com/nzgf1434/waxom-page Учился в EPAM. C#, JS, html, css, gulp, sass, svg, photoshop, zeplin, продолжаю учиться сам. От 5000 р. / нед. arsenalsar@yandex.ru
  19. https://artrises.github.io/index.html Всем добрый день, это моя первая работа, прошу конструктивно описать какие проблемы есть, какие ошибки допустил (хочу не вырабатывать говнокод), а постепенно реализовывать себя как толкового фронтендера. Поэтому будет важно все - мои косяки, ваши предложения, огрехи которые вы увидели в работе. И прошу помочь с одной проблемой - логотип в шапке - под ним как будто маленький маргин\паддинг, но я обнулил его, через инспектор тоже не нашел в чем проблема, какая то брешь между логотипом и контейнером оберткой. Заранее спасибо.
  20. Здравствуйте уважаемые гуру. У меня такая проблема. Я написал сайт (заглушку). Пусть называется папка "Заглушка 1" Если я переменную папку в любое другое название, или просто переношу папку в другое место, то все размеры и местоположение элементов сбиваются. Хотя в файле index.hmtl ссылка указана следующем образом <link rel="stylesheet" href="css/style.css">. название "Заглушка 1" ни где вроде бы не фигурирует больше. Спасибо большое, если подскажете. Очень сильно поможете!
  21. Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. @media.css - набор классов, рассчитанных под адаптацию для экранов различного разрешения. main.css - хранит информацию для настройки css3 анимации одного из блоков подгружаемой страницы main.html. Порядок подключения стилей на главную страницу index.html следующий: <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/@media.css" rel="stylesheet"> Ошибка отображена на скринах. Адрес сайта: hexamech.ru
  22. Добрый День. Такой Вопрос, если есть возможность, помогите, кто сталкивался с подобной Темой. Есть форма отправки информации (Имя, Е-мэйл, Телефон, Описание) После заполнения формы, нажав на Отправить, инфо отправляесься на Сервер, храниться там. На сервере создал файл post.php Вопрос заключаеться в следующем: Что нужно прописать в скрипте чтобы заполненная форма номер 1 автоматически отправлялась на емэйл следующему человеку заполнившему следующим ту же форму? Выглядит так: Первый человек заполняет форму, она посылается на сервер и сохраняется в файле. Следующий человек получает на емейл содержимое файла, после чего файл переписывается. И так далее, каждый заполнивший форму Автоматически получает информацию предыдущего посетителя. Буду Благодарен за любую информацию. С Уважением Спасибо
  23. Форумчане, хотел у вас узнать насколько важен pixel perfect в современной верстке. Верстаю учебный макет, дизайнер сделал его вполне красиво, но когда верстаешь - падинги у элементов везде разные (допустим внутри списка у элементов li), либо margin в блоках, и таким моментов море........такое чувство что когда дизайнер рисовал макет, он особо не заморачивался и пихал на глаз, и мне приходится для каждого из элементов списка допустим использовать nth-child, пытаясь добиться попиксельного сходства с макетом родителем. Скажите, по вашему опыту, все это дрочь? Или есть такие заказчики которые требуют идеальной совместимости? Или все же хватает красоты и 100% сходства добиваться не стоит?
  24. Добрый день, начинаю карьеру в данной сфере. Готов выполнять различные поручения для получения практического опыта. Базовый HTML/CSS. На данный момент прохожу курсы, готов работать 24/7 Связь со мной: e-mail: biz.prikhodkin@gmail.com Telegram: +7 902 150 37 38
  25. Владимир Горинов

    Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, так как флексы имеют поддержку в 98%. Расскажите - стоит ли полноценно изучать бутстрап 4, или можно смело верстать сайты на флексах\гридах позже натягивая это все на cms. Спасибо за ваши разъяснения. И если можно расскажите на чем верстаете вы - и аргумент в пользу того инструмента который используете.