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. Работа с @Media запросами

    Ребята - при верстке появилась такая проблема: У меня не работает @Media запросы - они просто перечеркиваются! Но если их вручную включить а ненужные выключить - все выглядит отлично! (Картинка сжимается и в общем все работает) Так как же мне сделать что-бы оно само отключало обычный тег и включало @Media при условии (max-width: 1000px)??? Вот код: HTML: <div id="Menu"><a href="http://blackhoggames.clan.su/" ><img src="/Black_Hog_Games/images/BottonHome.png" id="Home" class="Botton"></a> </div> </Menu> CSS: @media only screen and (max-width: 1000px){#Home { display: block; width: 130px; height: 30px; …

    Asked by Maus,

    0 votes
    2 answers

  2. Вопрос по иерархии тегов

    Добрый день. Подскажите пожалуйста мануал по иерархии тегов. Т.е. например я в div вкладываю span и к нему приминяются стили div. А если вкладываю p, то стили уже не применяются. Периодически сталкиваюсь с подобной ситуацией. Сейчас пробую методом тыка. Но хочу разобраться и разложить по полочкам что к чему.

    Asked by jdk,

    0 votes
    2 answers

  3. Эффект при наведении на img

    Здравствуйте! Подскажите пожалуйса как сделать: Должно быть 3 блока, ширина 300px, а высота 100%. В них расположены ссылки, а в ссылках изображения разной высоты и ширины. <a>img...</a> Задача, нужно чтобы при наведении на изображения, появлялся заданый текст.

    Asked by FitTech,

    0 votes
    2 answers

  4. зацикливание анимации css

    Добрый день! Подскажите как зациклить анимацию кнопки, пока что анимация работает только после клика, а мне нужно чтобы она работала всегда с перерывом в 1 секунду. код такой <!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Button Styles </title><meta name="description" content="Creative Button Styles - Modern and subtle styles & effects for buttons" /><meta name="keywords" content="button styles, css3, modern, flat button, subtle, effect…

    Asked by anutti,

    0 votes
    2 answers

  5. focus и форма или блок комментария как в вк.

    Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.

    Asked by Vicos,

    0 votes
    2 answers

  6. Помогите советом

    Всем привет, нужен совет, имеется такой макет http://take.ms/Ilt68, 1800px по ширине, вырезал слайдер из фотошопа и он не помещается на экране , возможно ли сделать что картинка со слайдером сжималась при меньшей ширине экрана ? Или надо макет меньший по ширине сделать ? Вот что получилось в итоге по верстке http://co28653.tmweb.ru/?clear_cache=Y

    Asked by htmligor,

    0 votes
    2 answers

  7. уехало меню после добавления float

    помогите пожалуйста вернуть .nav_top_inner под .header .оно уехало после того как я добавил float: left для .nav_top_inner ul lifiddle

    Asked by cyklop77,

    0 votes
    2 answers

  8. Как правильно реализовать?

    Здравствуйте! Подскажите пожалуйста как правильно реализовать подобное? Ширина блока 100%, сверху линия, а между ней должен быть текст по центру. Мне приходит на ум, что текст можно абсолютно спозиционировать. А как бы вы сделали? P.S желтым просто текст закрасил.

    Asked by FitTech,

    0 votes
    2 answers

  9. respond.js in ie8

    помогите пожалуйста понять почему respond.js не применяется к страничке в IE8 вот работающая страничка от разработчиков respond.js а вот моя, к которой применён тот же самый подход. как видите css из файла в ie8 не срабатывает(должна исчезать правая колонка при определённой ширине окна браузера ). в этом проблема извиняюсь за отсутствие jsfiddle, но для ie8 он глючит

    Asked by cyklop77,

    0 votes
    2 answers

  10. Адаптивные блоки

    Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …

    Asked by Suprun4uk,

    0 votes
    2 answers

  11. Как заменять элемент при его отсутствии (если не загрузился)?

    Как в приведённом ниже фрагменте кода сделать так, что бы если картинка (logo.jpg) не загрузилась, изображение не выводилось, а показало следующую строку (<h1 id="logotext">text</h1>). Я думал в атрибут картинки вставить <h1 id="logotext">text</h1>, но потом подумал, что вставлять теги в атрибут безумно. Помогите, пожайлуста. Основы понимаю более-менее, а сейчас учу всякие приемы и накапливаю свой багаж знаний. <div id="head"> <img src="logo.jpg" /> <h1 id="logotext">text</h1></div>

    Asked by Mc'Olin,

    0 votes
    2 answers

  12. помогите советом!

    1

    Asked by senya417,

    0 votes
    2 answers

  13. Слайдер не отображается в мозиле

    Всем привет. Есть одна проблема. Слайдер на вот этом сайте http://verstka-primer.esy.es/fadelicious/в chrome нормально отображается а в мозиле вообще не хочет отображаться не пойму почему. Просто квадрат черный и все. И еще сразу бы хотел спросить как мне сделать чтобы этот слайдер растянулся на 960px то есть занял доступную ему ширину.

    Asked by Shenia132,

    0 votes
    2 answers

  14. Странное поведение hover в хроме

    Проблема следующая. При наведении на пункт меню "Услуги" в мазиле выпадает меню второго уровня с перечнем услуг, собственно как и должно. А при наведении на этот же пункт меню в хроме, меню второго уровня так же появляется, но при попытке наведения на одну из услуг меню исчезает. В чем тут проблема? Почему эффект hover пропадает в хроме, а в мазиле работает? Вот сайт: http://www.gruzchiki-tver.ru

    Asked by Akkord87,

    0 votes
    2 answers

  15. Верстка повторяющихся блоков разной высоты

    Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: http://hkar.ru/zt4R Верстка должна быть: <div class="blocks"><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div></div>

    Asked by vip,

    0 votes
    2 answers

  16. Скрытие бокового контента при уменьшении экрана

    Всем привет. Наверное сотни тысяч раз верстальщики сталкивались с подобными задачами. Мне нужно следующее: Есть основной, центральный блок контента (block_content) шириной 1000 px. Но помещен этот блок в родительский блок (block, который будет содержать фоновое изображение) шириной 1920 px. .block {width:100%; max-width:1920px; min-width:1000px;overflow:hidden} .block_content {width:1000px; margin:0 auto;} На мониторе с разрешением 1920 пикс. все смотрится отлично. Центральный блок, находится по середине, на фоне внешнего блока с изображением. Но при уменьшении разрешения (при свойстве у внешнего блока overflow:hidden;), идет скрыти правой части изображения. Как…

    Asked by Igoritaly,

    0 votes
    2 answers

  17. fancybox для любого контента

    посоветуйте пожалуйста плагин типа fancybox2, который может показывать в модальном окне любой тип контента(картинки, текст, флэш и т.д.) fancybox2 тоже это умеет, но там нужно указывать путь на внешний файл, а мне нужно, чтобы контент был обычной частью страницы(возможно, невидимой) UPD: ой, сам разобрался. админы, удалите пожалуйста тему

    Asked by cyklop77,

    0 votes
    2 answers

  18. Не функционирует слайдер

    Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?

    Asked by yaparoff,

    0 votes
    2 answers

  19. Помощь с вёрсткой

    Здравствуйте! Не могу никак найти свойство, которое отвечает за появление формы. В этом сайте http://www.mys174.ru/после переноса блока "левое меню" (float: right) при нажатии кнопки "задать вопрос" форма появляется за пределами сайта, то есть появляется горизонтальный ползунок. Надо сделать, чтобы эта форма вылезала слева от кнопки. Не могу найти, что заменить или добавить в стилях. Я только начинаю изучать вёрстку, так что помидорами не забрасывайте, если глупый вопрос задал))

    Asked by Алексанчук,

    0 votes
    2 answers

  20. Проблема с slider range на телефоне

    На компьютере ползунок отлично работает, но на телефона когда пытаюсь сдвинуть двигается сам экран. использую jqury ui slider range. Может кто знает как решить проблему?

    Asked by raptor-dm,

    0 votes
    2 answers

  21. Атрибуты в SVG

    Добавил в SVG-файл свои атрибуты к path - data-bg. А как их теперь получить? Использую библиотеку Snap.svg.

    Asked by Vlad,

    0 votes
    2 answers

  22. Как сделать вот такой слайдер?

    Вот так должен выглядеть слайдер: Видно, что слайды по бокам прячутся почти на половину ширины. У меня помещаются только 4 блока а другие 2 выпадают http://codepen.io/anon/pen/PwXZGG 1) Как сделать так, чтобы было как на картинке? 2) Как сделать чтобы товары двигались друг за другом при нажатии на кнопки "LEFT", "RIGHT" в соответствующие стороны?

    Asked by yaparoff,

    0 votes
    2 answers

  23. Проблема с таблицей

    Проблема с таблицей. Изначальный код такой: [hide] <table> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td rowspan="3" colspan="7" width="125mm">14-НБ-НД3</td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td&…

    Asked by dezzzus,

    0 votes
    2 answers

  24. проблемы с позиционированием

    Есть макет вот такой вот шапки http://prntscr.com/6iqvhe Проблема в красной плашке, как бы выступающей за пределы блока. Подскажите как это можно реализовать.

    Asked by niitta,

    0 votes
    2 answers

  25. show block cookies link jquery

    Мне нужно сделать так, чтобы при открывании ссылки с определённым тегом в конце автоматически открывался блок на сайте без php То есть что то похожее на jquery tabs где при открытии вкладки в конце ссылки в адресной строке добавляется "/#tabs1" или "/#tabs3" смотря на какую вкладку нажать.. И если эту ссылку "передать" другому то тот откроет сайт сразу с нужной вкладкой, но мне нужно чтобы просто открывался определённый блок на сайте Я так понимаю это делается через cookies, а с cookies я абсолютно не знаком Юзав поиск я не нашёл что либо похожее или просто я не знаю как это назвать) Такшто прошу когонить написать что нибудь на эту тему если это вообще реализуемо или …

    Asked by radioactive68,

    0 votes
    2 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