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. rotate jQvery

    Здравствуйте! Помогите пожалуйста! Мне нужно что бы на центр экрана выкатывалось изображение, выезд его я сделал, да и прокрутку тоже, только вопрос как мне ее остановить после того как изображение выкатилось на центр экрана? <!DOCTYPE html><html> <head> <meta charset="utf=8" /> <title>1</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="jquery.min.js"> </script> <script type="text/javascript" src="js/jqueryrotate.2.1.js"></script> </head><body><img src="img/tarel.png" alt="" id="rotateImg" style="position: absolute; top:250px; "/…

    Asked by dimka2311,

    0 votes
    0 answers

  2. Несколько вопросов по SMACSS

    Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии. Пример как должно выглядеть в итоге: Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости. Первый вариант с вырванным и помещенным в layout позиционированием. <div><h2>Featured</h2><ul class="module l-grid"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"&gt…

    Asked by Zuenf,

    0 votes
    0 answers

  3. Изображение на сайте и таинственное масштабирование

    Здравствуйте! Скачал шаблон для джумлы и столкнулся с загадочным масштабированием картинок в слайдере: обе картинки в разрешении 1500х601, html и css на обе картинки обинаковый, но одна картинка сохраняет свою высоту, растягиваясь в ширину, а другая масштабируется по обоим направлениям, т.е. увеличивает свою высоту. С таким поведеним столкнулся впервые, подскажите, в чём может быть причина? Сайт: http://laakoon.com/, первая картинка: header-1.JPG, вторая: header02.jpg P.S. Чуть не забыл: проблема появляется в последнем хроме на FullHD разрешении.

    Asked by Tmin10,

    0 votes
    0 answers

  4. Якорь в адаптивной верстке

    Здравствуйте. Помогите решить проблему с плавающими переходами, по якорным ссылкам. Весь вопрос в том, как приструнить переход, четко на заголовке блока, при чем на разных разрешениях. Использую данный скрипт. var new_menu = 124; $('.navbar-nav a[href*=#]').bind("click", function(e){ var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top-new_menu }, 1000); e.preventDefault(); }); http://shure-kryg.ru/wedding/

    Asked by Omega24v,

    0 votes
    0 answers

  5. Можно ли реализовать такую галерею

    Вот есть сайт, http://www.elliotterwitt.com/ http://www.elliotterwitt.com/lang/en/index.html Можно ли реализовать такой вариант галереи на WordPress, может кто то уже делал похоже. Может есть плагин схожий? Или скрипт такой галереи.

    Asked by virtas,

    0 votes
    0 answers

  6. Прошу помочь со страницей портфолио (проблемы с переходом на разделы сортировки)

    Всем доброго дня. Проблема следующая: Есть пункт в меню (и соответственно раздел на сайте) - портфолио, которое имеет в себе подпункты "1" "2" "3" "4". На странице решил сделать сортировку. Т.е. можно отобразить все работы, либо работы одного из разделов. Поскольку каждый из этих разделов отображен в выпадающем меню, хотела бы узнать, как сделать переход на каждый из вариантов сортировки. Как выглядит сортитовка: http://tympanus.net/Tutorials/CSS3FilterFunctionality/index3.html В коде это сделано так: <section class="ff-container" style="padding-top: 200px;"> <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="c…

    Asked by Vasilisa,

    0 votes
    0 answers

  7. Google form.Гугл формы.

    Уважаемые доброго всем дня. Подскажите кто работает с гугл формами? Вопрос использования гугл форм, возник для получения заказа от посетителя сайта, где она заполняет определенные поля и отправляет. Гугл формах все легко и понятно. Но не нашел там возможности сделать в одной строке несколько вопросов с выпадающим списком, там все вопросы следуют друг за другом сверху вниз. Кто знает как сделать в одну строку. Буду очень призантелен. Спасибо заранее.

    Asked by bumerkz,

    0 votes
    0 answers

  8. Открывающийся блок при фокусировке

    Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))

    Asked by Я_Евгений,

    0 votes
    0 answers

  9. Выпадающее меню западает

    Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:

    Asked by vitaxastifler,

    0 votes
    0 answers

  10. Не работает jq-selectbox на iPad и в его эмуляции в хроме

    Здравствуйте, ребята. На сайте, не пугайтесь красоты, не работает селект в фильтре (сейчас он слева) на iPad и в chrome devtools, когда выбрали iPad. Показывает такое - http://joxi.ru/52aQLKkup7E120 А должно быть такое - http://joxi.ru/12MQ3kDuRB0w2J Что не так с ним и куда бежать? Подходящего не нашла ничего особо.

    Asked by kattiperk,

    0 votes
    0 answers

  11. Размытие img в IE11

    Глюк только в IE11. Сложно заметить, но обратите внимание, что при наведении на ссылку картинка немного размывается и остается размытой в месте нахождения ссылки. Как только вы измените размер окна браузера, резкость снова восстановится. Если эффекта не наблюдается, измените размер окна браузера. Мой код: http://jsfiddle.net/kfdcL2t9/3/ Почему размывается? Какой механизм и как бороться?

    Asked by Anymaxis,

    0 votes
    0 answers

  12. Подскажите про htaccess, редиректы и диапазоны сети 2

    Добрый день. Нужна помощь в реализации редиректа ip адресов (масок подсетей) со страницы http://mydomen.ru/index.php , на другую http://mydomen.ru/wordpress/index.php . На просторах форума раздобыл данный код для .htaccess: RewriteEngine on RewriteCond %{REMOTE_ADDR} ^111\.222\.333\.\d{3}$ [OR] RewriteCond %{REMOTE_ADDR} ^111\.222\.334\.\d{3}$ RewriteCond %{REQUEST_URI} !^\/page.html$ RewriteCond %{REQUEST_URI} !^.*\.(swf|fla|xml|ico|jpg|gif|png|js|css)$ RewriteRule ^.*$ http://mysite.ru/page.html [R=301,L]Изменил его под свои нужды: RewriteEngine on RewriteCond %{REMOTE_ADDR} ^192\.168\.1\.\d{3}$ [OR] RewriteCond %{REMOTE_ADDR} ^192\.168\.2\.\d{3}$ RewriteCond %{REQUEST_…

    Asked by Hataru,

    0 votes
    0 answers

  13. Текст в svg, как растянуть?

    Добрый день, помогите разобраться как растянуть блок svg чтобы было видно всё размытие. Вот пример http://www.saitadmin.ru/faili_na_razdacu/html/svg.html

    Asked by antonP,

    0 votes
    0 answers

  14. Выравнивание новостей

    Есть сайт http://architrade.cl95046.tmweb.ru/category/novosti/ На нем раздел новости нужно привести в такой вид: Т.е. надо что бы выровнять ссылки параллельно новости. Как это можно реализовать?

    Asked by LancX,

    0 votes
    0 answers

  15. Ссылка на сайте. Чтоб открывала вкладку.

    Добрый день, бороздя просторы интернета нашёл такую интересную вещь. Тыкаю на ссылку мне открывается новая вкладка №2, а в кладка №1 меняет свой адрес на другой. тоесть вот так. БЫЛ НА test1.ru, а стала test2.ru. Как это сделать?

    Asked by glad007,

    0 votes
    0 answers

  16. Сделать accordion из колонок только на мобильных

    Здравствуйте. Как правильно сделать из колонок с текстом - http://joxi.ru/4AkOk1pczW0GAq- аккордеон на мобильных. То есть были были колонками, тут бац - 640 пикселей. Стали аккордеонами. Или просто по клику реализовать появление. Стоит jquery ui Спасибо, до свидания.

    Asked by kattiperk,

    0 votes
    0 answers

  17. Селектор перенесёного блока

    Доброго времени! Есть контейнер фиксированной ширины, внутри него может быть сколько угодно блоков по float:left с одинаковой высотой, но с разной шириной . И может быть такое, что они все не поместятся на одной линии. Так вот, как без JS узнать селектор блоков, которые не поместились на линии и были перенесены ?

    Asked by wolfmax2000,

    0 votes
    0 answers

  18. Некорректный размер текста

    При открытии страницы в браузере отображается слишком маленький шрифт , стоит просто обновить страницу и все встает на свои места. Как исправить ? http://smages.com/images/2209201512.jpg

    Asked by bolotindima,

    0 votes
    0 answers

  19. проблема при создании адаптивной навигации

    Помогите, пожалуйста... я сделал гамбургер-меню, но вылезли две проблемы. Ссылка на вид до создания гамбургера - https://drive.google...YWFRcENyMVRjSFk Ссылка на вид после создания гамбургера - https://drive.google...eDNKc2g0VnRaeW8 Т.е. гамбургер сделал вроде норм, получилось, но вылезли два дефекта: - разрыв между меню и контентом - поплыла вверх активная ссылка Со поплывшей ссылкой вообще не могу понять, что происходит. А разрыв пытался убрать установив для блоков меню и контента margin-bottom и margin-top соответственно в 0px... не помогло дайте намеки, что это может быть? спасибо большое!

    Asked by Denzil,

    0 votes
    0 answers

  20. Социальные иконки Bootstrap

    Надо сделать такие кнопки: http://bootsnipp.com/snippets/x42W http://lipis.github.io/bootstrap-social/ здесь код переделки http://jsfiddle.net/ynLtd8wb/1/

    Asked by lev99,

    0 votes
    0 answers

  21. всегда ли нужна ли отдельная таблица?

    помогите пожалуйста разобраться в вопросе наиболее логичная практика при добавления признака объекту это использование отдельной таблицы. например есть объект User. требуется добавить признак role. роли всего три: admin, manager, regular . далее обычно создаётся отдельная табличка в БД: id role_title0 admin1 manager2 regularэто логично и хорошо но если признаков не много(например 2 или 3, как в описанном случае), то во многих туториалах советуется не использовать отдельную таблицу, а реализовать признаки средствами фреймворка. при этом модель приблизительно это выглядит так: f.input :role, as: :radio, collection: {Regular: "regular", Manager: "…

    Asked by cyklop77,

    0 votes
    0 answers

  22. Некорректно работает transition-duration

    Добрый день! Я уже замучился, не пойму в чем проблема. Делаю так, чтобы при наведении на главный пункт меню, сверху плавно выезжали подпункты. Вот код: HTML <div class="menu goods"> <a href="#">All goods</a> <ul class="submenu"> <li>first</li> <li>second</li> <li>third</li> </ul></div>CSS .goods:hover .submenu{ transform: translateY(0px);}.submenu{ margin: 0; padding: 0; list-style: none; transform: translateY(-300px); transition-duration: 1s; transition-property: transform;}Это работает, но проблема в следующем: К…

    Asked by Yan,

    0 votes
    0 answers

  23. Едет верстка в опере мини

    Добрый день. Есть лендинг http://test.aptero.ru/main.php Заказчики говорят что в опере мини 30 верстка выглядит так http://test.aptero.ru/trash/1.jpg http://test.aptero.ru/trash/1.jpg http://test.aptero.ru/trash/3.jpg http://test.aptero.ru/trash/4.jpg http://test.aptero.ru/trash/5.jpg Но я нигде не могу получить подобный результат. Может у кого есть труба с оперой или кто нибудь знает в чем дело?

    Asked by KonstantinVKS,

    0 votes
    0 answers

  24. Как изменить верстку под бутстрап3, чтобы на малых экранах категории располагались по 2 в строке?

    Доброе утро! На странице при уменьшении ширины экрана менее 768 пикс подкатегории(которые с картинками) открытой категории располагаются по 2 в строку через раз. Скажите какая должна быть верстка бутстрап3, чтобы указанные категории распологались по 2 на узких экранах и по 3 на широких более 767 пискселей?

    Asked by borus,

    0 votes
    0 answers

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

    Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть чвой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. пример оригинального оформления https://yadi.sk/i/qSwmQT4QjeG4v пример оформления галереи https://yadi.sk/i/orhMw6G4jeG4g Если надо выложу оригинальный и CSS и плагина, или предоставлю доступ на тестовый сайт с этой темой и плагином.

    Asked by tester2014,

    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