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. Изменение ширины слоя для разных разерешний

    Есть слой с всплывающей подсказкой и кнопкой закрыть: .modalDialog > div {max-width: 400px;}На смартфонах этот слой не помещается полностью и кнопку закрыть не видно. Как сделать ширину слоя 200 px для смартфонов, у которых разрешение например меньше 400 px?

    Asked by aizul,

    0 votes
    1 answer

  2. При использовании display: inline-block; между двух блоков появляется отступ

    У меня новая проблемка, использую два блока со свойством display: inline-block; и между ними появляется отступ примерно в пикселей 10, но он мне не нужен такой. Наглядный пример можно посмотреть тут http://jsfiddle.net/6L2qbL83/ подскажите, что я упустил?

    Asked by papay,

    0 votes
    2 answers

  3. Резиновая картинка тянущаяся только вниз, по мере увеличения информации

    Народ, подскажите, можно ли это реализовать. И если да, то как: Необходимо сделать простой одностраничный сайт, в котором по мере добавления нового текста - автоматически удлинялась бы картинка под ним. Полагаю, что для этого необходимо зафиксировать верхнюю и нижнюю часть изображения, и подготовить отдельный шаблон картинки, который будет добавляться между ними, по мере растяжения основного блока сайта? Как себе это представляю: html + css должно хватить? Что там писать? Заранее благодарен всем откликнувшимся!

    Asked by xaxs,

    0 votes
    0 answers

  4. Правка меню и разбор полётов с позиционированием объектов

    Добрый день, решил поучиться верстке и натолкнулся на некоторые грабли, гугл не помогает, ну или я не правильно гуглю. Код в спойлере Первый вопрос: как настроить меню что бы отступы сами выравнивались?Ибо самому сидеть и подбирать в процентах как то не впечатляет. Пытался сделать что бы отступы были: top:50%; bottom:50%; left:50%; right:50%; Не работает, у меня div начинает сдвигаться в разные стороны. Второй вопрос: body я назначил relative что значит свободное позиционирование если я правильно понимаю. У верхних div-ов стоит статический мне нужно что бы всегда были сверху, то есть при прокрутке сайта они висели сверху. Но если я добавляю после <div …

    Asked by Julius_Alm,

    0 votes
    0 answers

  5. background или background-color в чем разница?

    Возможно глупый вопрос, но интересует терминология. Часто подобное вижу в бутстрапе. Пример css код: background: url("/img/background.jpg") repeat-x;background-color: #ffffffПочему используются две переменные, разве не проще использовать одну? background: #fff url("/img/background.jpg") repeat-x;

    Asked by papay,

    0 votes
    4 answers

  6. Отключить показ маркеров начала и конца маршрута GMap

    При построении маршрута Google Map API, добавляются маркеры начала и конца пути. Вот как бы их скрыть?? Накладываются на метку companyMarker и портят вид заразы... http://joxi.ru/12M16N3UZ6e02J

    Asked by MaxWall,

    0 votes
    1 answer

  7. Зачем нужны новые теги html5?

    Добрый день. Зачем нужны такие теги как <menu>, <main> или <time>?

    Asked by Ururu,

    0 votes
    3 answers

  8. Помогите с ошибкой(код в сообщении)

    Вот код, почему не срабатывает onclick? <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <script src ='file:///E:/www/draw.js'></script> </head> <body> <canvas id='example' width = "640" height="480"></canvas> <script> var example = document.getElementById("example"), ctx = example.getContext('2d'), // Контекст picfon = new Image(); // "Создаём" изображение picfon.src = 'file:///E:/www/background/background.png'; // Источник изображения button1 = new Image(); button2 = new Image(); …

    Asked by GrizzzlyGames,

    0 votes
    1 answer

  9. Как добавить canvas картинке событие onclick?

    Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...

    Asked by GrizzzlyGames,

    0 votes
    1 answer

  10. Как сделать исполнение кода CSS в зависимости от его поддержки броузером?

    У меня двух колоночное меню: .menu > li { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #fff; /*белая линия в конце блока. вместе с серой линией тэга <a> образует бело-серую линию*/ }.menu a { text-decoration: none; display: block; text-align: center; font-size: 14px; border-right: 1px solid #dedede; /*вместе с белой линией тега <li> образует бело-серую линию*/ }.menu > li:nth-child(2n), .menu > li:nth-child(2n) a { border-right: none; /*убираем у правых пунктов меню линии разграничения - они там не нужны, там граница самого меню*/ }Поскольку бордюр тега <а> должен влезть в &lt…

    Asked by Launder,

    0 votes
    21 answers

  11. не понимаю как привязать блок к соседнему блоку

    Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.

    Asked by fes777,

    0 votes
    10 answers

  12. Лендинг и секции

    Здравствуйте. Подскажите правильным ли путем иду. Делаю лендинг в котором несколько секций, допустим 4. Задача: нужно чтобы каждая секция была высотой 100% экрана. То есть я как понимаю: Задаю высоту <body> (или правильнее все таки обертку сделать?) высотой: 400%.Делаю высоту каждой секции по 100%. Так ли это? Если да, то вопрос следующий: Допустим у меня фиксированная навигация высотой в 100 px. Естественно первая секция увеличится и будет: 100%+100px. Что лучше в данном случае: Задать position: absolute; у навигации.(к чему склоняюсь) Сделать у секций top: -100px; Заранее спасибо!

    Asked by Pinga,

    0 votes
    8 answers

  13. Как всегда центрирование

    В общем только учусь, правильно верстать. Столкнулся с такой проблемой что не могу отцентрировать текст по вертикали в блоке, у блока заданна своя высота. Перепробовал много способов но сказывается отсутствие большого опыта. Сам пример лежит тут http://or.tmweb.ru/ Не использую не чего только css. Пробовал делать таблицей чего добился текст слетает влево. Скорее всего какой то див перенакладывается. Наткнулся в форуме вот на это но четсно говоря так и не понял. http://frontender.info/centering-css-complete-guide/ ПОдскажите как правильно сделать?

    Asked by XiRuRg,

    0 votes
    2 answers

  14. document.write

    Скажите, почему выходит на экран document.write тоже? <SCRIPT LANGUAGE="javascript"> document.write("<FONT COLOR='RED'>Иван рубил дрова</FONT><BR>") document.write("<FONT COLOR='BLUE'>Варвара топила печь</FONT>") </SCRIPT>

    Asked by Yeldos,

    0 votes
    3 answers

  15. Увелечение фото и просмотр в том же блоке

    Есть сайт как пример http://m.adidas.ru/uteplennye-vysokie-krossovki-hoops/F98853.htmlесли кликаем на мобильнике по лупе с плюсиком то фото октрывается большое в том же блоке. И там же таскаем пальцем просматриваем его. Правда не пойму, там надо oveflow scroll ставить, а потом ползунки както скрывать? Но как потмо пальцем фото таскать? Что за скрипт?

    Asked by okunev2,

    0 votes
    0 answers

  16. Проблемы с position: fixed

    Здравствуйте. Помогите пожалуйста с версткой. Проблема в том, что при увеличении страницы путем CTRL+ при появлении горизонтальной полосы прокрутки, меню не прокручивается в след за ней как остальное содержимое страницы. Точнее будет на примере, нужно как в Yahoo: https://www.yahoo.com/ верхний header остается статичным при вертикальной прокрутке, и также доступен при увеличении страницы при горизонтальной прокрутке. Мой пример с ошибкой http://jsfiddle.net/thfc/jL0524s2/1/. Пробовал через firebug код yahoo проанализировать, всё равно не получилось.

    Asked by thfc,

    0 votes
    2 answers

  17. Помогите с макетом

    Здраствуйте, прошу помогите сделать вот такую конструкцию прошу очень срочно нужно

    Asked by GrizzzlyGames,

    0 votes
    0 answers

  18. И снова о "float"

    После прочтения небезызвестной статьи на Хабре по поводу флоата: http://habrahabr.ru/post/142486/ Решил попрактиковаться, но не работает почему-то((Мой код иэ Брэкетса: http://clip2net.com/s/3oBGMRfПочему у меня не срабатывает "display: inline" для li ?Может потому что в статье речь идет о картинке, а у меня просто элементы списка? Подскажите!

    Asked by Riggs,

    0 votes
    3 answers

  19. Вопросы о регистрации, продлении доменов в .net и о "privat person"

    Добрый день. Цены на домены в зоне .net сильно подросли. В связи с чем решил продлевать их там где дешевле. 1) Какие документы нужны что бы в будущем не возникало проблем с подтверждением прав на владение сайтом? (сертификат от того кто зарегистрировал это понятно, но может как то у verisign.com можно подтвердить?) 2) Законны ли требования регистратора, брать деньги за скрытие персональных данных (privat person) в зоне .net? Может есть законный способ уведомить регистратора о желании скрывать имя бесплатно? 3) Существуют ли сервисы (платные) где можно самому редактировать записи, или ускорять обновление dns?

    Asked by Ururu,

    0 votes
    0 answers

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

    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

  21. Разместить картинку сбоку от опредёленного элемента после загрузки страницы

    Здравствуйте! Здесь слева от категории Подарки к 2016 году надо добавить картинку, которая будет стоять за пределами бордовой области. Пробовал добавлять картинку через background-image для <li> и смещать её с помощью background-position, но это не даёт фоновой картинки вырваться за пределы бордовой области. Как можно добавить картинку слева от "Подарки к новому 2016 году" за пределами бордовой области? Через jq?

    Asked by borus,

    0 votes
    1 answer

  22. навыки photoshop

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

    Asked by rpmcmerphy,

    0 votes
    9 answers

  23. Как узнать подключился ли файл reset.css

    Всем привет! Прошу сильно не пинать я начинающий дилетант. Смотрю видеокурсы по верстке с нуля и пытаюсь повторять тоже самое. Где то в сети промелькнуло видео, как узнать подключился ли файл reset. css к html , но толком не успел посмотреть и видео потерял. Подскажите нубу как можно определить подключен ли резешный файл

    Asked by Sarkazmus,

    0 votes
    2 answers

  24. Нужна помощь в создании фона страницы в виде картинки

    Здравствуйте, работаю над страницей своего электронного магазина, расположенного на чужой электронной площадке. В html я - очень новичок, поэтому прошу о помощи. Пытаюсь сделать фон картинкой, выполненной в фотошопе, но в итоге вижу вот что (см. ссылку) https://cloud.mail.ru/public/CP72/2ADsKKXra Код в этом месте выглядит так: https://cloud.mail.ru/public/LxLY/WqunPLaPg Закрытые теги все есть в конце страницы. Где не правильно? Понимаю, что наверное в коде бардак, но вы уж строго не судите - дебютирую Спасибо большое.

    Asked by Оля,

    0 votes
    17 answers

  25. Раздвижной слайдер. Возможно ли сделать?

    Здравствуйте! Есть задача сделать вот такой слайдер - https://yadi.sk/i/v6QfPqsxjcNdM (при наведении на каждый из трех кусочков изображений, соответствующее изображение должно появляться полностью, как бы раздвигаясь, уменьшая-сдвигая остальные). Все было бы хорошо если бы не диагональная обрезка изображений, т.е. при уменьшении ширины изображения диагональный край обрезается и становится обычным. Насколько возможно/сложно сделать такой слайдер? Буду очень признателен за наводку в какую сторону смотреть, чтобы такое реализовать.

    Asked by yustnip,

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