Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Первая html разметка по БЭМ

    Посмотрите пожалуйста разметку главной страници. А именно, правильно ли я понял суть именования классов по БЭМ. Только я для отделение элемента от блока использовал "_", а модификатор отделял "--" Ссылка на репозиторий: https://github.com/pashkes/olivia.git Скриншот макета в корне репозитория.

    Asked by Pashkes,

    0 votes
    0 answers

  2. Слайдер в шаблон статьи на WP

    Здравствуйте. Меня преследует проблема с добавлением слайдера в шаблон статьи. Сам слайдер устраивает - взяла плагин Owl Slider. Вставляется методом шорт-кода в шаблон index'a, например. Или методом нажатия на кнопку на панели инструментов при написании поста - в single.php в часть the_content. Но проблема вот в чем - макет немного нестандартный. Выглядит так - слайдер(часть the_content) => заголовок, дата, автор => основной текст (часть the_content). То есть как бы макет именно записи блога, тот участок the_content прерывается. Пока не вижу другого способа как вставить слайдер в шаблон. Статьи хранятся в базе, поправить название слайдера для каждой новой статьи не…

    Asked by kattiperk,

    0 votes
    0 answers

  3. Адаптивная разметка html страницы

    Нужен шаблон с лучшей техникой адаптивной разметки. В итоге нужно получить страницу без ограничений по максимальной и по минимальной ширине. Включая проигрывание видео и аудио.

    Asked by bulqa,

    0 votes
    0 answers

  4. Google Maps Api

    Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.

    Asked by parliament,

    0 votes
    0 answers

  5. Вывод div с другой страницы

    Здравствуйте! Помогите пожалуйста разобраться. Необходимо чтобы при наведении курсора на ссылку появлялся DIV находящийся на другой странице, что я попытался сделать при помощи следующего скрипта: onmouseover="document.getElementById('opis').style.display='block'" onmouseout="document.getElementById('opis').style.display='none'"При помещении кода на одну страницу всё работает. http://codepen.io/anon/pen/reNZMb Но при размещении div на другой странице он не выводится. index.html: <!DOCTYPE html><body><object data="link0.svg" type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-index: 110!important; ; top: 355px; left: 518…

    Asked by Иван98,

    0 votes
    0 answers

  6. Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?

    Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.

    Asked by Саша Черных,

    0 votes
    0 answers

  7. Проблемы с микроразметкой

    Здравствуйте. На сайте внедрена микроразметка schema.org. Проблема в следующем: при поиске в гугле запроса с указанием сайта, например, "Мой товар site:my-site.ru" все отлично работает, выводится рейтинг товара в виде звездочек, цена, наличие и т.д. Но при поиске "Мой товар" кроме ссылки и описания страницы больше ничего не выводится. С чем это может быть связано?

    Asked by alex_web64,

    0 votes
    0 answers

  8. печать страницы

    Здравствуйте! на распечатанной web-странице отображается ее адрес в сети. Можно это дело убрать программным способом? для Chrome и Opera нашел такое решение @page{ size: auto A4 landscape; margin: 3mm;}но ничего не получается сделать с FF и IE

    Asked by erange,

    0 votes
    0 answers

  9. Режеться слайдер по высоте

    Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/

    Asked by sanyok911,

    0 votes
    0 answers

  10. Сайт по разному отображается на мобильных устройствах и компьютере

    Всем доброго времени суток! В общем, пригрузили на работе как самого молодого заниматься чем-то вроде контент-менеджмента корпоративного сайта (очень простой, буквально несколько страниц с текстом). Единственное что у меня на данный момент есть - логин и пароль от панели управления сайтом (сайт на bitrix). В верхнее меню нужно добавить дополнительный пункт. Как это сделать разобрался, добавил, но он не отображается на стационарных устройствах, а вот с моб. телефона всё видно. Подскажите, пожалуйста, с чем это связано? Где можно настроить чтобы всё отображалось правильно? И ещё: может, кто-то разбирается в этом битриксе- у меня логин/пароль пользователя из группы "админис…

    Asked by Willisoff,

    0 votes
    0 answers

  11. Помогите, пожалуйста с кодом

    Помогите пожалуйста внести корректировки. Раньше был вот такой код: <?if($CAT_NAME$ == 'Alfa..166')?><div class="limg"><a class="imgload" href="/Map/All/$CAT_NAME$-1.jpg" rel="iLoad"><img id="largeImg" src="/Map/All/$CAT_NAME$-1.jpg" alt="" /></a></div> Перенес сайт на другой хостинг там нет оператора $CAT_NAME$ Но есть следующий класс который я хочу использовать как условие: <span class="ty-breadcrumbs__current">Alfa 166</span> Подскажите, пожалуйста как должен выглядеть код в итоге?

    Asked by vladimir003,

    0 votes
    0 answers

  12. Как сделать чтобы на сайте картинки складывались как в контакте блоки с картинками?

    Перекапал очень много плагинов и не нашел подходящий, помогите решить задачу, как сделать чтобы если заливают много картинок разного размера в блок, то они подстраивались по ширине и высоте между собой чтобы красиво укладывались. А при нажатии чтобы фото из этого блока открывались для просмотра.

    Asked by Fizruke,

    0 votes
    0 answers

  13. Помогите определить шрифт

    Пытался определить с помощью онлайн инструментов, но не смог. Что за шрифт?

    Asked by WhatIsHTML,

    0 votes
    0 answers

  14. Адаптивность для Ipad

    Здравствуйте! Есть сайт: http://st-valentine.pl , в онлайн-сервисах везде показывает нормальную адаптивную верстку, проверял на мобильном(андроид) и планшете(андроид), тоже всё ок. Но на Ipad не переключается на адаптивную версию(не видно языков справа). Есть предположение что проблема с каким-то css свойством, которое не понимает Сафари. Кто может помочь?

    Asked by sanyok911,

    0 votes
    0 answers

  15. Помогите добавить вторую кнопку.

    Есть код, одна кнопка работает отлично, как надо. Как добавить на эту же страницу ещё одну кнопку, чтобы она работала как и первая, но открывала другое окно? <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf8'> <link rel="stylesheet" href="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/stylepromer.css" type="text/css" /> <title>Всплывающее окно</title> <style type="text/css"> #wrap{ display: none; opacity: 0.8; position: fixed; left: ; right: ; top: ; bottom: ; p…

    Asked by densavi,

    0 votes
    0 answers

  16. Как сделать правильное от отображение формы обратной связи?

    Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…

    Asked by Zakonoposlushniy,

    0 votes
    0 answers

  17. простейший вопрос, но вызвал ступор

    Добрый день всем участникам! Суть задачи - есть много (около 4.000) файлов html, структура одинаковая, нужно из каждого файла экспортировать текст в какой-нибудь формат для дальнейшей сортировки (xls, csv, odt - не столь важно). Пример кода: <b class="worker">Виктор</b>, вот нужно только этого "Виктора" и экспортировать. Хотелось бы найти готовое решение/программу, все мысли почему-то крутятся в заказе скрипта-обработчика на php... Заранее спасибо за советы )

    Asked by Диана23,

    0 votes
    0 answers

  18. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy,

    0 votes
    0 answers

  19. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4,

    0 votes
    0 answers

  20. Подскажите как сделать

    Добрый день, не совсем понимаю до конца как можно сделать такой вот простой элемент http://joxi.ru/bmo0JQ9hMvg6O2 Делаю примерно так: .menu { height: 32px; width: 100%; .menu-img { height: 32px; width: 32px; border: 1px solid; background: #0099cc; } .menu-text { height: 32px; width: 100%; border: 1px solid; } Заранее спасибо Отвечая на свой вопрос: .g{ width: 240px; margin: 0 0 20px 13px; background: #fff; -webkit-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5); -moz-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5); box-shadow: …

    Asked by Bur,

    0 votes
    0 answers

  21. подскажите готовый элемент

    http://spokoino.ru/ на сайте если нажать на слово москва в предложении выбрать автоинструктора в Москве то появляется список регионов подскажите готовое решение и как такой элемент называется?

    Asked by https,

    0 votes
    0 answers

  22. Transition в IE11

    Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…

    Asked by Geyan,

    0 votes
    0 answers

  23. Помогите с выводом данных по id

    Помогите не могу вывести данные с БД по id вот код. <? if (isset($_GET['id'])) {$id=$_GET['id'];} $result=mysql_query("SELECT id,name,price,img,text FROM products WHERE id ='$id'",$db); $myrow=mysql_fetch_array($result); { printf(" <td colspan='3'> <div class='new'>%s </div> </td> </tr> <tr> <td colspan='2'> <img src='%s' style='float:left;'> <p> %s </p> </td > <td id='na_pr' > %s$ </td> …

    Asked by DronBoy,

    0 votes
    0 answers

  24. Как поднять форму с кнопками до серидины шапки

    http://myhio.ucoz.net/cit/helo.html Решил вставит в шапку форму с кнопками, но кнопки появились на самом краю шапки. Как их можно поднять?

    Asked by Mik09,

    0 votes
    0 answers

  25. разметка компонента

    помогите пожалуйста разобраться в вопросе обычно, делая компонент, разработчик предоставляет возможность добавить в html один элемент. например: <div id="megaSlider"></div> и затем подключенные скрипты заполняют этот компонент нужной разметкой и поведением. это красиво и лаконично. но не всегда удобно. например, если используется bootstrap и шаблонизатор типа underscore. в этом случае при написании компонента разработчику приходится поочерёдно открывать шаблоны и добавлять в них классы: container, row, col-md-6 и т. д. от такой деятельности голова пойдёт кругом но есть и другой путь. в теле страницы вместо <div id="megaSlider">&l…

    Asked by cyklop77,

    0 votes
    0 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept